css - 如何为导航栏关闭 Materialize 的默认阴影

Question

我只想关闭阴影。我可以通过检查并关闭所有框阴影类从浏览器中实现它，但我不知道如何从 html/css 代码中实现它。

代码:

<div class="navbar-fixed"> 
<nav class="navbar-transition cool-navbar ">
    <div class="nav-wrapper">
      <a href="#!" class="brand-logo">Logo</a>
      <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
      <ul class="right hide-on-med-and-down">
        <li><a href="sass.html">Sass</a></li>
        <li><a href="badges.html">Components</a></li>
        <li><a href="collapsible.html">Javascript</a></li>
        <li><a href="mobile.html">Mobile</a></li>
      </ul>
    </div>
  </nav>
</div>

Answer 1

来自文档:z-depth-0 可用于从默认具有 z-depths 的元素中移除阴影。 https://materializecss.com/shadow.html

<nav class="navbar-transition cool-navbar z-depth-0">