大厅，
我正在使用 jquery themeroller 警报图标。我希望这个图标以不同的颜色显示。例如，此图标在错误消息中显示为红色，在警告消息中显示为黄色。下面是默认图标。
<span class="ui-icon ui-icon-alert"></span>
是否可以为 Jquery 图标添加颜色？
问问题
5124 次
2 回答
1
您可以使用主题滚轮更改图标的颜色以及几乎所有其他内容，如下所示：
于 2012-11-18T11:53:34.823 回答
1
您可以使用主题滚轮或其他软件构建您的样式图标集框架，然后根据您的需要为不同的 css 类指定不同的背景图像 URL。
例如：
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/
于 2012-11-18T15:50:19.370 回答