は、私は最近、甘い警告のような警告ボックスのオーバーレイの背景をテーマ設定のためのオプションがありません文書に基づいて甘い警告2に甘い警告1を移動しますが、している2

Question

甘い警告のオーバーレイ背景色を変更する1

.swal-overlay { 
    background-color: rgba(43, 165, 137, 0.45); 
}. 

甘い警告2のオーバーレイの背景を変更するにはどうすればよいですか？

Answer 1

これを実現するには、jQueryセレクタを使用し、そのようにオーバーレイ要素を選択するだけです。

<button type="button" onclick="opentheSwal();">OK</button> 
<script> 
    function opentheSwal() { 
     swal(
      'Good job!', 
      'You clicked the button!', 
      'success' 
     ); 
     $(".swal2-modal").css('background-color', '#000');//Optional changes the color of the sweetalert 
     $(".swal2-container.in").css('background-color', 'rgba(43, 165, 137, 0.45)');//changes the color of the overlay 
    } 
</script> 

あなたは、オーバーレイを変更し、jqueries .css()機能を使用してCSSを適用するために.swal2-container.inを選択する必要があります。

Good Luck。