显示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/