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

2018-03-07  本文已影响0人  lijibing

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;
    }
上一篇 下一篇

猜你喜欢

热点阅读