当前位置:  开发笔记 > 编程语言 > 正文

SweetAlert - 改变模态宽度?

如何解决《SweetAlert-改变模态宽度?》经验,为你挑选了2个好方法。

我喜欢这个图书馆.我想用它在我的一个网页上显示一个温和的响应表,但文本有点宽.我希望有一个选项来改变我在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;
}

这没有做任何事情.任何人都知道如何做到这一点,或者可能已经玩过宽度元素?

谢谢!



1> Joel R Micha..:

试着把这样的东西放在!importantcss中:

.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;
}







2> Pedro Lobito..:

使用width: '800px',即:

swal({
    title: "Some Title",
    html: "Some Html",
    width: '800px'
})

Sweet Alert2文件

推荐阅读
农大军乐团_697
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有