主页 / 问题 / 578997
Accepted
Mike Ru
Asked:2020-10-17 10:29:08 +0000 UTC2020-10-17 10:29:08 +0000 UTC

如何更改 SweetAlert 模态窗口的颜色？

  • 772

我没有在文档中找到有关如何执行此操作的任何信息。可能是我没搜好。

javascript

1 个回答

  1. Best Answer

    对于SweetAlert，您可以使用 CSS 更改颜色：

    .sweet-alert { background-color: #e2e2e2; }

    或者通过 Jquery：

    $(".sweet-alert").css('background-color', '#e2e2e2');

    更新

    在SweetAlert2 中只需使用参数background

      $('#btn1').on('click', function() {
    swal({
      title: 'SweetAlert2!',
      background: '#f00',
      text: 'Привет!'});
  });  
    div {
  margin:50px;
}
button {
  padding:15px; font-size: 14px; 
}
    <link href="https://cdn.jsdelivr.net/sweetalert2/5.3.1/sweetalert2.min.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/sweetalert2/5.3.1/sweetalert2.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <button id="btn1">Жми!</button>
</div>

    • 3

相关问题