如何在 Vue-Toasted 中添加 css？答案

【问题标题】：How to add css in Vue-Toasted?如何在 Vue-Toasted 中添加 css？
【发布时间】：2021-02-10 00:59:41
【问题描述】：

我正在尝试添加以下 css，但它不起作用。我想我会按照文档进行。

以下方法均无效。

正在使用的函数@click 的 div。

showToast(){
   this.$toasted.show('Email Sent!',{
        position: "top-right", 
        duration : 5000,
        class: 'toasting'
      });

或

showToast(){
   this.$toasted.show('Email Sent!',{
        position: "top-right", 
        duration : 5000,
        className: ['toasting']
      });

风格

.toasting {
  color: yellow;
  background-color: pink;

}

【问题讨论】：

【解决方案1】：

默认 CSS 应被您的 CSS 覆盖。所以你需要在你的CSS中使用!important。这是css：

<style>
.toasting {
  color: yellow !important;
  background-color: pink !important;
}
</style>

工作demo

【讨论】：