如何指定（覆盖）JQuery图标颜色

我一直在我的web应用程序中很好地使用jQuery图标，但现在我想使用默认情况下无法实现的颜色。我现在使用的是“州立街”主题，主要使用绿色。但是我有一个白色文本的红色框，我想使用一个白色的图标。主题中提供了白色图标，但只有当图标位于具有“ui状态焦点”类的div（或其他容器）内时，才会应用这些图标。这将使图标变为白色，但会将背景颜色更改为绿色，我想保留为红色

有没有办法（很可能是通过CSS）覆盖jQuery对图标使用的背景图像，以便我可以使用不同的颜色

谢谢

澄清：我想发布我目前正在使用的html会有帮助：

<!-- currently produces a default 'grey' icon color -->
<!-- this b/c no jquery ui class (like ui-state-focus) given for errorMessage div -->
<div id="errorMessage">
    <span class="ui-icon ui-icon-alert" style="float: left"></span>
    Only 1 Activity can be added at a time 
</div>

---

“显示：无”当前已被注释掉，因此我可以看到它。我已经把它设置成错误捕捉时的fadeIn。再次感谢您的帮助。

最简单的方法可能是找出jQuery用于图标的imagefile，然后修改该图像文件（或创建自己的图像文件）并将其放置到位。

自我回答：自己指定背景图像URL为使用白色图标的文件。因此，我在CSS文件中添加了几行：

.dialog #errorMessage .ui-icon
{
    background-image: url(../../CSS/themes/custom_green/imag/ui-icons_ffffff_256x240.png);
}

---

这实际上覆盖了默认jquerycss文件想要用于图标的背景图像，并获得了我想要的颜色。当然，这仅仅是因为主题中包含了一个白色的icon.png文件。如果我想要一些疯狂的颜色，比如紫色，我就需要创建自己的图标。请注意，与jQuery CSS文件中指定的URL相比，我需要延长自己CSS文件中的URL，因为它们位于源代码中的两个不同位置。

使用内置图标生成器 图标颜色为#00a300#深绿色

.ui-icon
{
    background-image: url(http://jqueryui.com/themeroller/images/?new=00a300&w=256&h=240&f=png&fltr[]=rcd|256&fltr[]=mask|icons/icons.png) !important;
}

---

您可以使用以下CSS覆盖图标：

.ui-icon
{
    background-image: url(icons.png);
}

您可以下载任意颜色的图标png文件。只需更改以下url中的颜色部分：

http://download.jqueryui.com/themeroller/images/ui-icons_*COLOR*_256x240.png

例如，如果需要红色图标和矢车菊蓝色图标，则需要的URL为：

http://download.jqueryui.com/themeroller/images/ui-icons_ff0000_256x240.png
http://download.jqueryui.com/themeroller/images/ui-icons_6495ED_256x240.png

等等

---

（但不要将URL用作CDN，请保持友好并将文件保存在本地）

对于本地存储的css文件，在本例中为红色：

<style>
#my_id .ui-icon {
  background-image: url(my_css_file_location/ui-icons_cd0a0a_256x240.png);
}
</style>}

#我的id.ui图标{
背景图像：url（my_css_file_location/ui-icons_cd0a0a_256x240.png）；
}
}

按钮：[ text://不要使用此
html:“否”，“类”：“bg-次要文本白色p-2边框-0”，
单击：函数（）{
$（此）.dialog（“关闭”）；
}

---

]

这当然可以，但我的页面的其他部分使用了使用默认灰色图标的类，并且做得很恰当。我不想为了在一个地方达到白色图标的效果而弄乱那些图标。我也发现了这个。但是有没有一个简单的方法来改变图标的颜色呢？谢谢！我想让我的“删除”按钮图标变为红色，但其他图标保留为默认设置。像冠军一样工作，但希望有一天他们能增加更好的方式。@KevinPauli他们有；只需添加一类您想要的颜色：

class=“ui-icon-ui-icon-alert-Red”

这个问题和图例非常相似。我不知道这件事。我曾经生成一组新的红色图标，然后将其添加到主题中的图标集中。256宽240高是默认的图标文件大小（查看主题图像文件），我不相信jQueryUI希望他们的图标生成器用作CDN。我不确定他们的服务器是否缓存了这些图像，但它仍然必须在缓存消失后生成该图像。这样强调他们的服务器不是很好。。。。您应该生成一次并将其保存在服务器上。如果您只想在某些位置使用颜色图标，其余部分保留默认值，您可以将css类设置为：ui-icon.redIcon{background image:url（themes/altIcons/redIcons.png）；}，并在html中使用我需要的类“ui-icon-check-redIcon”：“ui icon ui icon check redIcon”了解最新JQM的使用方法吗？该链接仍然有效，而且非常棒。感谢您的帮助，它确实帮助了我，因为无法对图像图标进行样式设置。另外，还有1个是关于矢车菊蓝的搏击俱乐部参考。

<style>
#my_id .ui-icon {
  background-image: url(my_css_file_location/ui-icons_cd0a0a_256x240.png);
}
</style>}