css - 完全删除 Toastr.js 中的不透明度？

Question

有没有办法完全删除 Toastr.js 上的透明度？我试图更改 .less 文件中的各个行

.opacity(@opacity) {
@opacityPercent: 100; // instead of @opacity * 100;
opacity: 1; // instead of @opacity;
-ms-filter:  ~"progid:DXImageTransform.Microsoft.Alpha(Opacity=@{opacityPercent})";
filter: ~"alpha(opacity=@{opacityPercent})";
     }

以及它声明 opacity(x) 的每个地方，其中 x 不是 1 但它仍然显示不透明度。

我还尝试在自己的 CSS 中添加以下行

.toast {
   opacity: 1;
}

#toast-container > div {
   opacity: 1; 
}

但我仍然在 div 消息显示上获得半不透明。鼠标悬停时，div 颜色变为全色(无透明度)。我试图始终保持全彩(无透明度)。

Answer 1

尝试使用 !important 覆盖它:

.toast {
  opacity: 1 !important;
}

#toast-container > div {
  opacity: 1 !important; 
}

您还可以在 Chrome 中尝试“检查元素”以查看是哪个 css 标记导致了不透明度。

如果这不起作用，您是否可以提供指向您的页面的链接？