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