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

前端之家收集整理的这篇文章主要介绍了将jQuery图标颜色更改为白色而不是灰色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在asp.net mvc项目中使用jQuery图标.通常我使用灰色图标,但现在我想要一个白色图标作为我的蓝色按钮(见下文).

这是我使用的代码

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

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

谢谢

解决方法

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

White Icon Set (ui-icons_ffffff_256x240.png)

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

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

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

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

猜你在找的jQuery相关文章