将jQuery图标颜色更改为白色而不是灰色

我在asp.net mvc项目中使用jQuery图标。 通常我使用灰色图标，但现在我想要一个白色图标作为我的蓝色按钮（见下文）。

这是我使用的代码：

$(".editUser").button({ icons: { primary: "ui-icon-pencil"} }); $(".deleteUser").button({ icons: { primary: "ui-icon-trash"} }); 

如何将图标颜色更改为白色？

谢谢

Answer 1

你可以玩那个图标集上使用的精灵：

白色图标集（ui-icons_ffffff_256x240.png）

将sprite存储在某处，然后在可应用于蓝色按钮的样式表中引用它：

 .ui-icon-white { background-image: url("images/ui-icons_ffffff_256x240.png"); } 

然后，当您想要一个白色图标集时，应用该样式：