如何关闭导航栏的物化默认阴影

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">