PrimeFaces Wie ändere ich knallende Symbolfarbe des Knurren

Question

Ich arbeite an PrimeFaces und ich versuche, CSS-Eigenschaften von Komponenten zu bearbeiten. während ich an knurren arbeite, versuche ich die Farbe der schließenden Ikone zu ändern, aber ich kann es einfach nicht. Ich habe viel und viel ausprobiert und konnte immer noch nicht herausfinden.

Sie in der oberen rechten Ecke sehen können, seine Hintergrundfarbe gelb, die ich gesetzt, dass aber ich kann nicht Symbol Farbe ändern. Es ist immer so blau. Hier sind meine Codes über Knurren;

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

das Farbe ändern Attribut keine Auswirkung:

.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

Das Schließen-Symbol wird mit background-image Attribute über den folgenden CSS-Selektor gezogen. Um die Symbolfarbe zu ändern, müssen Sie die Bild-URL ändern. Diese answer gibt einige Hinweise zu diesem Thema.

Getestet mit PrimeFaces ShowCase.