完全删除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})";
     }

以及其中声明不透明度(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标记导致了不透明度.

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

Answer 2

这取决于您所说的“删除”是什么意思

如果您根本不希望 mixin 生成任何 CSS，但也不想删除代码中的所有 mixin 调用，那么只需执行以下操作（注释掉代码）：

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

上面的内容将“什么也不做”。如果你想要生成某种类型的CSS（出于某种原因，我想不出为什么），但你实际上并不想让该代码在浏览器中应用任何opacity设置，那么给它一个浏览器会忽略的虚假值，比如像这样：

.opacity(@opacity) {
  @opacityPercent: bogus;
  opacity: bogus;
  -ms-filter:  ~"progid:DXImageTransform.Microsoft.Alpha(Opacity=@{opacityPercent})";
  filter: ~"alpha(opacity=@{opacityPercent})";
}

您可以通过查看此小提琴并使用检查工具（如 Firebug 等）检查它来检查上面的内容是否在浏览器中生成不透明。

不过，我真的相信您会寻求第一个选择。