toastr - 设置烤面包机不透明度？

Question

有没有办法改变它？我尝试将 toastClass 定义为不透明度设置为 1 的类，但没有看到任何变化：

.toast-style{
   opacity: 1;
}

toastr.options.toastClass = 'toast-style';

Answer 1

这不需要 JavaScript。您应该能够在 CSS 中使用

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

或者

.toast {
    opacity: 1 !important;
}

Answer 2

#toast-container > div {
   opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}

Test Working Example;

Answer 3

对于那些想要降低不透明度的人，他们可以这样做：

.toast-error { background-color: rgba(255,111,105,0.7) !important; }

Answer 4

我需要为一个烤面包机做这个，所以走这条路：

toastr.options = {
    ... 
};

toastr.info(
    'All of my favorite singers have stolen all of my best lines',
    'The Title'
);

$('#toast-container').addClass('nopacity');

...接着...

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

Answer 5

将“~ngx-toastr/toastr.css”中的所有 CSS 复制到应用程序的 styles.css 文件中对我有用。