C'è un modo per cambiarlo? Ho provato a definire il toastClass come una classe con l'opacità impostato a 1, ma ho visto nessun cambiamento:Impostazione dell'opac toastr?
.toast-style{
opacity: 1;
}
toastr.options.toastClass = 'toast-style';
C'è un modo per cambiarlo? Ho provato a definire il toastClass come una classe con l'opacità impostato a 1, ma ho visto nessun cambiamento:Impostazione dell'opac toastr?
.toast-style{
opacity: 1;
}
toastr.options.toastClass = 'toast-style';
No JavaScript richiesto per questo. Dovreste essere in grado di cambiare questo in CSS utilizzando
#toast-container > div {
opacity:1;
}
o
.toast {
opacity: 1 !important;
}
avevo bisogno di fare questo per un singolo toastr quindi siamo andati questo percorso:
toastr.options = {
...
};
toastr.info(
'All of my favorite singers have stolen all of my best lines',
'The Title'
);
$('#toast-container').addClass('nopacity');
... e poi ...
#toast-container.nopacity > div {
opacity: 1;
}
#toast-container > div {
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
}
Buona soluzione per maggior parte dei casi. Ma è possibile farlo su una base di messaggio per toast? Immaginate che la maggior parte degli usi della chiamata 'toastr' su una pagina siano traslucidi - ma se l'utente fa quella cosa speciale, vogliamo mostrarla ad alta voce e orgogliosa (opaca) e aspettare che la chiudano. – mmcrae
'! Important' è quasi sempre il male – Madbreaks