我正在学习 jQuery UI 中的框架图标。

<span class="ui-icon ui-icon-circle-minus"></span> 

在圆圈内生成一个减号图标。
使用 ThemeRoller Firefox Bookmarklet，我能够将图标的颜色更改为红色(使其看起来像一个删除按钮)。

问:如何让一个 jQueryUI 图标为红色，另一个为其他颜色？

<span class="ui-icon ui-icon-circle-plus"></span> 

我想让这个变成绿色。

请您参考如下方法:

使用 ui-state-... 类来更改带有图标的元素的状态。您需要设计主题，使处于不同状态(突出显示、悬停、事件、错误、默认)的项目具有不同的颜色。

<span class="ui-icon ui-icon-circle-plus ui-state-highlight"></span> 

我建议不要以这种方式使用状态(只是为了改变颜色)。我会在语义上使用状态并让图标根据需要呈现以与状态保持一致。如果我特别需要红色/绿色图标，我会专门将这些图标生成为图像并直接使用它们，而不是尝试设计主题以仅针对这些图标获得不同的颜色选择。

就其值(value)而言，我认为 FamFamFam Silk图标与 jQuery UI 集成得很好。