我在頁面中使用jQuery主題「mint-choc」。小部件中的所有圖標顯示爲綠色。我可以做以下將圖標添加到我自己的DOM對象:如何獲取彩色JQuery圖標而不是黑色
<span class="ui-icon ui-icon-triangle-1-n"></span>
雖然圖標不顯示出來就好了,他們是黑色的 - 而不是顏色我使用的是同一個主題。是否還有另外一類我應該添加以便將顏色更改爲與我的主題相同的顏色?
我在頁面中使用jQuery主題「mint-choc」。小部件中的所有圖標顯示爲綠色。我可以做以下將圖標添加到我自己的DOM對象:如何獲取彩色JQuery圖標而不是黑色
<span class="ui-icon ui-icon-triangle-1-n"></span>
雖然圖標不顯示出來就好了,他們是黑色的 - 而不是顏色我使用的是同一個主題。是否還有另外一類我應該添加以便將顏色更改爲與我的主題相同的顏色?
默認的圖標爲ui-icon
是:
.ui-icon,.ui-widget-content .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png);
此圖片是一組黑色的圖標。
對於綠色要添加這個類
.ui-state-default .ui-icon {
background-image: url(images/ui-icons_9bcc60_256x240.png);
}
有六種不同顏色的圖標。查看從929行開始的css文件,以查看所有這些文件。
如果檢查的主題頁面,您可以看到每個圖標設置這樣的:
<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-e">
<span class="ui-icon ui-icon-carat-1-e"></span>
</li>
改變ui-state-default
到以下任何更改字體顏色。
這很奏效。謝謝! – blainarmstrong 2013-04-22 06:37:55
只是一個網站說明 - 如果您要使用像http://icomoon.io/這樣的圖標字體,您可以使用'color' css屬性更改圖標顏色。 – jantimon 2013-04-21 09:27:27
看到這裏:http://stackoverflow.com/questions/10028633/having-a-jquery-icon-showed-in-white-and-not-gray – Tomer 2013-04-21 09:28:44
@ ftom2:我試過你提到的網頁上的解決方案,但它沒有奏效。我甚至嘗試下載圖像並將其保存到我的圖像目錄,但無濟於事。 – blainarmstrong 2013-04-21 09:42:39