将课程添加到甜蜜警报

nod*_*ret 8 javascript less sweetalert sweetalert2

我正在尝试为我的模态添加一个额外的类,以便我可以从 LESS 中选择它并将其背景变为透明。但是 customClass 不起作用。有没有其他方法可以做到。顺便说一句,我已经对默认类进行了很多更改,因此我只需要为一种模式执行此操作,无法影响全局 swal。

   swal({
      title: success,
      showConfirmButton: false,
      html: true,
      customClass: ".swal-back"
   });
Run Code Online (Sandbox Code Playgroud)

小智 9

假设 OP 正在使用SweetAlert2,

customClass 已从字符串更改为对象。

它需要一个对象,如下所示:

customClass: {
  container: 'your-container-class',
  popup: 'your-popup-class',
  header: 'your-header-class',
  title: 'your-title-class',
  closeButton: 'your-close-button-class',
  icon: 'your-icon-class',
  image: 'your-image-class',
  content: 'your-content-class',
  input: 'your-input-class',
  actions: 'your-actions-class',
  confirmButton: 'your-confirm-button-class',
  cancelButton: 'your-cancel-button-class',
  footer: 'your-footer-class'
}
Run Code Online (Sandbox Code Playgroud)

撰写本文时文档中的官方行在这里

另一方面,使用8.12.2之前的版本时要小心,因为那里有一个与自定义类相关的已知错误。

与此处主题相关的问题

  • 这是我们使用 [SweatAlert2](https://sweetalert2.github.io/) 时的正确答案。但是,如果已添加该类,并且样式在检查元素中仍未更改或被划掉,请尝试将 **buttonsStyling** 设置为 **false**。这看起来像:```{customClass:{...},buttonstyling:false}``` (2认同)

Nei*_*ham 5

该customClass选项已被删除。您需要使用classNamenow。类名前的句点不是必需的。

swal({
  title: success,
  showConfirmButton: false,
  html: true,
  className: "swal-back"
});
Run Code Online (Sandbox Code Playgroud)