PrimeFaces growlの閉じるアイコンの色を変更するには

Question

私はPrimeFacesで作業しています。コンポーネントのCSSプロパティを編集しようとしています。 growlに取り組んでいる間、私は閉じアイコンの色を変更しようとしていますが、私はできません。私はたくさんのことを試みましたが、まだ分かりませんでした。

あなたが右上隅に見ることができ、私はそれそれは私は、アイコンの色を変更カント設定し、その背景色の黄色。それはいつも青い。ここにうずまきに関する私のコードです。

.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でテストしました。 // WWW：