documentacion - Configuración de la opacidad toastr?

toast jquery

Question

¿Hay alguna forma de cambiarlo? Intenté definir el toastClass como una clase con la opacidad establecida en 1, pero no vi cambios:

.toast-style{
opacity: 1;
}
toastr.options.toastClass = ''toast-style'';

Answer 1

Necesitaba hacer esto por un solo toastr, así que fui por esta ruta:

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

...y entonces...

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

Answer 2

No se requiere JavaScript para esto. Deberías poder cambiar esto en CSS usando cualquiera

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

o

.toast {
opacity: 1 !important;
}

Answer 3

toastr.options = {
...
};
toastr.info(
''All of my favorite singers have stolen all of my best lines'',
''The Title''
);
$(''#toast-container'').addClass(''nopacity'');

Ejemplo de prueba de trabajo;