jquery - 如何获取彩色 JQuery 图标而不是黑色

Question

我在我的页面中使用 jQuery 主题“mint-choc”。小部件内的所有图标都显示为绿色。我可以执行以下操作将图标添加到我自己的 DOM 对象中：

<span class="ui-icon ui-icon-triangle-1-n"></span>

虽然图标确实显示得很好，但它们是黑色的——与我使用的主题颜色不同。我应该添加另一个类以将颜色更改为我的主题使用的相同颜色吗？

score 2 · Accepted Answer

默认图标集为ui-icon：

.ui-icon,.ui-widget-content .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png);

此图像是一组黑色图标。

对于绿色，您要添加此类

.ui-state-default .ui-icon {
   background-image: url(images/ui-icons_9bcc60_256x240.png);
}

图标有六种不同的颜色。查看从第 929 行开始的 css 文件以查看所有这些文件。

如果您检查主题页面，您可以看到每个图标的设置如下：

<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-e">
    <span class="ui-icon ui-icon-carat-1-e"></span>
</li>

将更改为ui-state-default以下任何一项以更改字体颜色。

1 回答 1