Question

我的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应用到盒子中。我可能会滥用主题选项，但我很难找到很多关于它的文档。

Answer 1

.test background-color被“div.jGrowl div.jGrowl-notification”样式覆盖。你可以制作.test风格！重要的是：

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

或更具体地访问.test类：

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

这也会覆盖它

Answer 2

您可以使用 jGrowl

的“配置选项”参数

主题是一个CSS类，用于指定此特定消息的自定义样式，旨在与jQuery UI一起使用。

CSS：

.jGrowl .changeCount {
    background-color:       #337ab7;
}

JS：

$.jGrowl("Message in box",{theme:  'changeCount'});

有关此插件的更多信息，请参见： https://github.com/stanlemon/jGrowl/blob/master/README.md

JGrowl设置主题

2 个答案: