Настройка непрозрачности toastr?

Есть ли способ изменить его? Я попытался определить класс toastClass как класс с непрозрачностью, равным 1, но не увидел никаких изменений:

.toast-style{
   opacity: 1;
}

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

Ответы

Ответ 1

Для этого не требуется JavaScript. Вы должны иметь возможность изменить это в CSS, используя

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

или

.toast {
    opacity: 1 !important;
}

Ответ 2

Мне нужно было сделать это для одного toastr, поэтому пошел этот маршрут:

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;
}

Ответ 3

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

тестовый рабочий пример;