改變primefaces手風琴圖標

有什麼方法可以改變primefaces的手風琴面板中的圖標嗎？改變primefaces手風琴圖標

我想將右箭頭和下箭頭更改爲加號（[+]）和減號（[ - ]）。

任何人都可以解釋如何做到這一點？

謝謝。

2012-04-24 Karanveer Singh Sodhi

你可以在一些自定義的CSS這改變默認的圖標加號和減號背景位置拋出：

.ui-accordion .ui-icon.ui-icon-triangle-1-e { 
    background-position: -16px -128px; 
} 
.ui-accordion .ui-icon.ui-icon-triangle-1-s { 
    background-position: -48px -128px; 
}

隨着當前PrimeFaces 3.2發佈，似乎沒有成爲一個更清潔的方式而是在<p:accordionPanel>組件上明確指定.ui-icon-plus和.ui-icon-minus。您可能需要爲此發佈enhancement request。

來源

2012-04-24 05:18:07 BalusC

更換[手風琴-ID]是不是在某處提到的圖標源手風琴，以便我們可以改變來源，將其指向正負號?? – 2012-04-24 05:27:13

查看它的默認CSS。它指向一個CSS精靈。你所能做的就是改變背景領域，正如我在答案中所解釋的那樣。只需將這些CSS聲明添加到您的自定義CSS文件。如有必要，添加更具體的類，以便它僅適用於特定的手風琴部件。 – BalusC 2012-04-24 05:29:05

您可以使用jQuery：

$(document).ready(function() { 
    $("#[accordion-id] h3 span.ui-icon").removeClass("ui-icon-triangle-1-e").addClass("ui-icon-plus") 
});

不要忘記正確手風琴標識

來源

2015-04-29 11:38:00 Hazim

改變primefaces手風琴圖標

回答

相關問題