我无法在 wordpress 网站上更改谷歌图标的颜色答案

【问题标题】：I can't change google Icon's color on wordpress site我无法在 wordpress 网站上更改谷歌图标的颜色
【发布时间】：2022-09-24 00:56:21
【问题描述】：

我试图改变谷歌图标的颜色，但是，它只显示黑色。

我在 header.php 中添加了以下代码

<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">

我在 style.css 中添加了以下 css 代码

.material-icons.orange600 { color: #FB8C00; }

我在要显示图标的页面中使用了以下代码

<span class=\"material-icons orange600\">face</span>

但是，它只显示一个黑色图标。如果您能帮助我，我们将不胜感激。

顺便说一句，我知道谷歌现在已经引入了我可以自定义很多的材质符号。但是，在描述页面上，我找不到如何更改颜色。

有没有办法改变颜色？

【解决方案1】：

我遇到了类似的问题，并使用了一种奇怪的方法来解决它。
html代码：

<span class="orange600"><span class="material-icons">push_pin</span><span>

CSS代码：

.material-icons.orange600 { color: #FB8C00; }

似乎图标的颜色是其容器的“颜色”属性。

【讨论】：