PrimeFaces如何更改咆哮的關閉圖標顏色

我在PrimeFaces上工作，我試圖編輯組件的css屬性。在處理咆哮時，我正在嘗試更改關閉圖標顏色，但我不能。我嘗試了很多，但仍然無法弄清楚。PrimeFaces如何更改咆哮的關閉圖標顏色

您可以在右上角看到，它的背景色黃，我把它說，但我不能改變圖標的顏色。它總是那麼藍。這裏是我關於咆哮的代碼;

.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; 
}

來源

2016-07-26 Bilal Ekrem Harmanşa

後的版本信息，因爲從我所看到的，這兩個答案都是有效的，但取決於使用 – Kukeltje

PrimeFaces版本的PrimeFaces版本是5.0 –

封閉圖標通過以下CSS選擇繪製背景圖像屬性：

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

改變顏色屬性將沒有任何效果。要更改圖標顏色，您必須修改圖片網址。這answer給出了有關該主題的一些提示。

經測試PrimeFaces ShowCase。

來源

2016-07-26 18:53:25 irieill

我不知道是不是在道德.S HTTP感正確的：// WWW。 primefaces.org/icarus/messages.xhtml 在這個頁面中去檢查元素，你可以看到它很容易改變圖標的顏色和代碼，@天使波利尼斯只是發送你可以看到它的頂部。那麼它如何在那個伊卡洛斯主題中起作用呢？ –

發佈信息其PF版本有效 – Kukeltje

我看着圖書館，它說PrimeFaces 5.0 –

PrimeFaces如何更改咆哮的關閉圖標顏色

回答

相關問題