Réglage de l'opacité toastr?

Question

Y a-t-il un moyen de changer ça? J'ai essayé de définir la toastClass en tant que classe avec une opacité définie sur 1, mais je n'ai vu aucun changement:

.toast-style{
   opacity: 1;
}

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

Answer 1

Aucun JavaScript requis pour cela. Vous devriez pouvoir changer cela en CSS en utilisant soit

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

ou

.toast {
    opacity: 1 !important;
}

Answer 2

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

Exemple de test de travail;

Answer 3

J'avais besoin de le faire pour un seul toast, alors j'ai choisi cette voie:

toastr.options = {
    ... 
};

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

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

...puis...

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