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

Question

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

我的提醒：

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

我见过这个topic，但对我不起作用。

需要使用customClass吗？

你能帮帮我吗？ :)

谢谢。

Answer 1

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

SWAL customClass Configuration

调用 SWAL 时的配置应包含 customClass 键，其值类似于

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

在您的根 CSS 文件中

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

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