顯示jquery themeroller圖標的顏色

Question

H all，

我正在使用jquery themeroller警報圖標。我希望這個圖標以不同的顏色顯示。例如，在錯誤消息中以紅色顯示此圖標，爲警告消息顯示黃色。以下是默認圖標。

<span class="ui-icon ui-icon-alert"></span> 

是否可以給Jquery圖標添加顏色？

Answer 1

你可以改變圖標的​​顏色和幾乎所有其他使用主題輥像這樣：

http://tinyurl.com/cjdquub

Answer 2

你可以建立你的風格的圖標設置使用主題輥或其他軟件框架，然後指定不同根據您的需要將background-image網址分配給不同的css類。

例如：

red color <span class="ui-icon ui-icon-alert red"></span> 
<br><br> 
blue color <span class="ui-icon ui-icon-alert blue"></span> 

的CSS：

.ui-icon.red { background-image: url(http://code.jquery.com/ui/1.9.1/themes/base//images/ui-icons_cd0a0a_256x240.png); } 
.ui-icon.blue { background-image: url(http://rhizosphere.googlecode.com/hg-history/e546f1a44825e2e1568de9d5bb87d3f2b1f41acd/src/stylesheets/blue/images/ui-icons_6391de_256x240.png); } 

所以核心jQuery UI的CSS是一樣的，你只需覆蓋特定的屬性。

這裏是一個工作小提琴：http://jsfiddle.net/rrbn3/