jquery-ui - jqueryui 主题滚轮

标签 jquery-ui

我正在学习 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 集成得很好。

关于jquery-ui - jqueryui 主题滚轮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2588558/

相关文章:

jquery - 如何保存可重新订购列表的新订单?

javascript - 根据标签内内容的高度重新计算容器 div 的高度

php - jQuery 自动完成将查询转换为小写

jquery - 使用主干的 jqueryUI 工具提示的位置

jquery - 在 jQuery UI Resizable Component 中嵌入 Ace Editor

jquery - ASP.NET MVC View 重新渲染其自身的一部分

css - IE8 - 隐藏 CSS 溢出,修复导致 jquery 的进一步问题

jquery - 将 "st, nd, rd, th"添加到 jquery datepicker

javascript - 从许多选定的表格行到一个 div 标签

javascript - jQuery Sort 后获取更新的订单