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


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

1、如何使用自定义样式

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

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

 

 

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

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM