javascript - JGrowl设定主题

我的Jgrowl代码是:

    $(document).ready(function() {
        $.jGrowl("<strong>Error!</strong><br />An invalid ID was passed and your template could not be loaded", { sticky: true, theme: 'test' });
    });

我在Jgrowl CSS中的CSS是:

.test{
    background-color:       #000000;
}

但这并不是将CSS应用于盒子。我可能在滥用主题选项，但正在努力寻找有关它的大量文档。

最佳答案

.test背景颜色由“div.jGrowl div.jGrowl-notification”样式覆盖。
您可以将.test样式设为!important:

.test{
    background-color:       #000000 !important;
}

或更具体地访问.test类，如下所示:

"div.jGrowl div.jGrowl-notification.ui-state-test"

这也会覆盖它