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:

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

Изменение цвета атрибут не будет иметь никакого эффекта. Чтобы изменить цвет значка, вам необходимо изменить URL-адрес изображения. Это answer дает некоторые намеки на эту тему.

Протестировано с PrimeFaces ShowCase.