如何在 Vue-Toasted 中添加 css？

如何解决如何在 Vue-Toasted 中添加 css？

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

https://www.npmjs.com/package/vue-toasted

以下方法均无效。

正在使用的函数@click div。

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

或

showToast(){
   this.$toasted.show('Email Sent!',className: ['toasting']
      });

风格

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

}

解决方法

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

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

工作demo