SweetAlert2

Question

我想更改 SweetAlert2 中的标题和文本颜色。

我的警报：

Swal.fire({
  icon: 'warning',
  title: 'Attention...',
  text: 'Change color of this text',
  background: '#1e2122',
  confirmButtonColor: '#ff6600',
  confirmButtonText: 'OK',
  iconColor: '#ff6600',
})

我看过这个但对我不起作用。

有必要使用customClass吗？

你能帮帮我吗？ :)

谢谢。

Answer 1

尝试在 SWAL 配置中使用 customClass 为标题或容器提供自定义 class 名称，并提供 class 中的文本颜色。

SWAL customClass Configuration

调用 SWAL 时的配置应包含值为

的 customClass 键

customClass: {
    title: 'custom-title-class',
  }

在你的根 CSS 文件上

.custom-title-class {
  color: green;
}

同样，其他样式也可以使用它们各自的条目来覆盖。

SweetAlert2 - 如何更改标题和文本颜色？

SweetAlert2 - How to change title and text color?

javascript

sweetalert