如何更改圖標的背景顏色

我想爲按鈕中的圖標設置不同的背景顏色。例如，我要的信息圖標的背景顏色更改爲NAVY如何更改圖標的背景顏色

這是我在HTML

<a href="index.html" data-role="button" data-icon="info" class="icon-navy" data-inline="true" data-iconpos="notext"></a>

現在在生成按鈕的圖標會被配對的CSS規則試圖

。 ui-icon鏈接有規則icon-navy。

有沒有辦法看是否有對.icon-海軍孩子ID的.ui圖標和設置背景色一樣

$('.icon-navy .ui-icon').css({'background-color':'navy'});

來源

2013-01-07 Grumpy

你是否看了主題選項？ http://jquerymobile.com/demos/1.2.0/docs/buttons/buttons-themes.html –

是的，我有，但多數民衆贊成在全球設置，我想能夠動態地改變圖標的bakcground – Grumpy

.ui-icon-info { 
    background-color: #FFFFFF !important; 
}

的jQuery的data-icon屬性之前預先考慮.ui-icon。

動態改變顏色：$('.ui-icon-info').css("background-color", "red");

見例：http://jsfiddle.net/androdify/LVnZw/

來源

2013-06-28 10:28:14 dejavu

我找到了一個解決方案，你必須創建一個新的CSS類像

.ui-listview.customIconColor .ui-icon{ 
    background-color: #0fc21a /*{global-icon-color}*/; 
    background-color: rgba(.05,.9,.1,.9) /*{global-icon-disc}*/; 
}

，並插入該類您

<ul class="customIconColor "></ul>

標籤和它爲我工作得很好。在你的情況下，將其插入到

<a></a>

標籤也許。並檢查數據角色，對我來說這是一個列表視圖，只要你喜歡修改CSS類。

來源

2013-06-28 09:31:08 Tekateyy

如何更改圖標的背景顏色

回答

相關問題