Недавно я перевел сладкое предупреждение 1 на сладостное предупреждение 2, но на основании документации нет возможности для размещения оверлейного фона окна предупреждения, такого как сладостное предупреждение 1
.swal-overlay {
background-color: rgba(43, 165, 137, 0.45);
}.
Как я могу добиться изменения оверлейного фона сладкого предупреждения 2?
Для этого вы можете просто использовать селектора 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>
Вам нужно будет выбрать .swal2-container.in
чтобы изменить наложение и применить css с помощью функции jqueries .css()
.
Удачи.