美文网首页
sweetAlert1 使用自定义样式设置弹窗宽度

sweetAlert1 使用自定义样式设置弹窗宽度

作者: lijibing | 来源:发表于2018-03-07 14:01 被阅读0次

    sweetAlert1不像sweetAlert2那样可以通过width属性来配置弹窗的宽度。但是可以通过customClass属性来配置自定义样式

    1、如何使用自定义样式

        swal({ 
          title: "漂亮!", 
          text: "这是自定义图标。",
          imageUrl: "images/thumbs-up.jpg" ,
          customClass: "sweetAlert sweetAlert2"
        });
    

    其中的sweetAlert和sweetAlert2就是在CSS样式中定义的样式类,多个类中间使用空格隔开

    2、使用自定义样式设置弹窗的宽度为22em

        .sweetAlert {
            width: 22em;
            margin: 0 auto;
            left: 0;
            right: 0;
        }
    

    相关文章

      网友评论

          本文标题:sweetAlert1 使用自定义样式设置弹窗宽度

          本文链接:https://www.haomeiwen.com/subject/qdulfftx.html