PrimeFaces如何更改咆哮的关闭图标颜色

Question

我在PrimeFaces上工作，并且试图编辑组件的CSS属性。在咆哮时，我试图更改关闭图标的颜色，但我做不到。我尝试了很多，但仍然不知道。

您可以在右上角看到它的背景色为黄色（我将其设置为黄色，但无法更改图标颜色）。它总是那么蓝。这是我关于咆哮的代码；

.ui-growl{
    position:fixed;
    top:20%;
    left:38%;
    width: 23%;
}

.ui-growl .ui-state-highlight{
    background: #d2524f;
    border: #d2524f;

}

.ui-growl-message{      
    float: left;
    font-size: 15px;
    margin: 2% 0 0 22%;
}

.ui-growl .ui-growl-icon-close{
    background-color:yellow;
}

Answer 1

结束图标通过以下CSS选择器以background-image属性绘制：

.ui-state-highlight .ui-icon {
  background-image: url("/showcase/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-omega");
}

更改颜色属性将无效。要更改图标颜色，您必须修改图像网址。该答案给出了有关该主题的一些提示。

经过PrimeFaces ShowCase测试。