如何更改汉堡图标的颜色？

Question

我在尝试更改汉堡包图标的颜色时遇到问题。

我找不到哪一段代码改变了它。我希望它是白色的，但在小屏幕上显示为黑色。奇怪的是，当我在 PC 上使用 Google Chrome 中的开发者工具并缩小屏幕以触发汉堡菜单时，它显示为白色，但在实际的小屏幕上却没有显示。

我对此感到疯狂。我尝试过添加

color: #FFFFFF;

导航 CSS 代码的许多部分，但这没有任何区别。

我也尝试过添加

background-color: #FFFFFF;

到图标 CSS 的各个部分，但所做的只是将图标的背景区域更改为白色，这不是我想要的

我还尝试添加：

.icon{

color:#FFFFFF !important;

}

和

.icon{

background-color:#FFFFFF !important;

}

和：

 .icon .icon,

    .icon .icon-inner::before,

    .icon .icon-inner::after {

        background-color: white;

    }

但它们也不起作用。

我已经在这个网站上和谷歌上搜索过，但找不到解决方案。我确信之前会有关于此的问题和答案，但我找不到它，所以如果这是重复的，我提前道歉。

如果有人可以提供帮助，非常感谢。

Answer 1

快速谷歌搜索表明这似乎是一个已知的错误：https://blog.futtta.be/2014/06/05/android-chrome-bug-when-styling-unicode-character/这是 2014 年的……但也许还没有修复？或者您的设备需要更新？尝试使用 SVG 或图标框架，例如https://fontawesome.com