css - 悬停时更改 Material 图标颜色

标签 css material-design

我正在使用这个 demo并想在悬停时更改图标颜色

.demo-navigation .mdl-navigation__link .material-icons:hover {
  background-color: #00BCD4;
  color: #FFF;
}

但是没有用。有什么办法可以实现吗?

最佳答案

您必须在颜色上添加 !important,因为该图标有一个类 (mdl-color-text--blue-grey-400),它也添加了灰色和 important

关于css - 悬停时更改 Material 图标颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35906935/

相关文章:

Android Styles 在使用 appcompat-v7 :23. 0.1 时抛出错误

php - 当我尝试将样式添加到 HTML anchor 标记时,我将不再使用 PHP 链接停止工作

javascript - 带图像交换的 Jquery 范围 slider

html - 如何在 CSS 网格布局中对齐三列?

android - 在新 Material 设计中,是否有像流行的 Android 应用程序那样在工具栏上居中标题的官方 API?

javascript - 如何将 Material Design Lite 中的 FAB 按钮与混合移动应用程序中的 jQuery 移动代码集成?

android - 将 Material Design Touch Ripple 应用于 ImageButton?

javascript - 带 Accordion 的导航菜单

jQuery 语法错误 - 尝试检测视口(viewport)大小并选择背景图像以使用 w/CSS

android - 新的 Android Material 设计中的 Action Bar(Toolbar) 图标应该有多大?