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

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

这是我使用的代码：

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

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

Thanks

您可以使用该图标集上使用的精灵：

白色图标集 (ui-icons_ffffff_256x240.png) http://strd6.com/stuff/jqui/theme/images/ui-icons_ffffff_256x240.png

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

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

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

<span class="ui-icon ui-icon-white ui-icon-pencil"></span>