我在我的 asp.net mvc 项目中使用 jQuery 图标。通常我使用灰色图标,但现在我想为我的蓝色按钮添加一个白色图标(见下文)。
这是我使用的代码:
$(".editUser").button({ icons: { primary: "ui-icon-pencil"} });
$(".deleteUser").button({ icons: { primary: "ui-icon-trash"} });
如何将图标颜色更改为白色?
谢谢
您可以使用该图标集上使用的精灵:
白色图标集 (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>
使用Font Awesome轻松更改字体颜色:
$(".editUser").button({
html: '<span class="fa fa-check"></span> Yes',
"class": 'bg-success text-white p-2 border-0',
icons: { primary: "ui-icon-pencil" }
});