Question

我使用以下php代码将此图标打印到表格中：

echo '<button Onclick="" style="border: none; background: none; color:green"><a title="Reenviar" data-toggle="tooltip"><i class="material-icons">&#xE0BE;</i></a></button>';

我想更改图标的颜色。我试图将颜色添加到按钮样式中。但是它似乎不起作用。

Answer 1

您应该在i标签中添加样式

<i style = "color:blue;" class="material-icons">&#xE0BE;</i>

此外，您可以创建一个CSS类

.blue {
    color:blue
}

然后将其添加到标签中

<i class="material-icons blue">&#xE0BE;</i>

Answer 2

如果使用嵌入式样式，则必须将样式添加到图标本身。

<i style="color: #ff0000" class="material-icons">&#xE0BE;</i>

更好的是，您可以使用一些css使其更清洁，更易于管理，并在css中执行类似的操作

.material-icons {
    color: #ff0000;
}

签出css w3学校代码示例https://www.w3schools.com/css/

更改Bootstrap图标颜色

2 个答案: