Изменение цвета фона наложения сладкого оповещения 2

1

Недавно я перевел сладкое предупреждение 1 на сладостное предупреждение 2, но на основании документации нет возможности для размещения оверлейного фона окна предупреждения, такого как сладостное предупреждение 1

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

Как я могу добиться изменения оверлейного фона сладкого предупреждения 2?

Теги:
sweetalert2

1 ответ

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().

Удачи.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню