猿问

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

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

我找不到哪一段代码改变了它。我希望它是白色的,但在小屏幕上显示为黑色。奇怪的是,当我在 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;

    }

但它们也不起作用。


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


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


RISEBY
浏览 90回答 0
0回答

拉丁的传说

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

相关分类

Html5
我要回答