更改MaterialiseCSS中的导航栏颜色

Question

我想从Materialize动态更改导航栏的背景颜色,因此需要通过CSS完成.我试过了

.nav-wrapper{
 background-color: <MYCOLOR HERE> !important;
}

但它只是保持与导航栏类中提到的颜色相同.

Answer 1

因为在Materialise中你必须改变nav背景颜色,例如你想要白色导航栏:

.nav {
  background-color: #ffffff !important;
}

另一个解决方案,添加<nav>的类white:

<nav class="white">

它也会改变导航栏的背景颜色.

如果你正在使用sass或scss,你还有一个解决方案:

nav {
  @extend .white;
}

希望,它可以帮到你!