我喜欢这个图书馆.我想用它在我的一个网页上显示一个温和的响应表,但文本有点宽.我希望有一个选项来改变我在SweetAlert中显示表格的页面的整体警报的宽度,但我没有运气.表和HTML看起来很棒,对于模态来说太多了.
我甚至无法找到整体sweetalert.css中设置宽度的位置.
我想也许customClass配置键可能有帮助,我试过:
swal({ title: priorityLevel +' Issues for '+appName, html: appHTML, type: "info", customClass: 'swal-wide', showCancelButton: true, showConfirmButton:false });
css只是一个简单的:
.swal-wide{ width:850px; }
这没有做任何事情.任何人都知道如何做到这一点,或者可能已经玩过宽度元素?
谢谢!
试着把这样的东西放在!important
css中:
.swal-wide{ width:850px !important; }
看到它在片段中工作.
function TestSweetAlert(){
swal({
title: 1 +' Issues for test',
text: "A custom html message.",
html: true,
type: "info",
customClass: 'swal-wide',
showCancelButton: true,
showConfirmButton:false
});
};
$('#testeSWAL').on("click",TestSweetAlert);
.swal-wide{
width:850px !important;
}
使用width: '800px'
,即:
swal({ title: "Some Title", html: "Some Html", width: '800px' })
Sweet Alert2文件