Html 如何在MaterializeCSS中更改默认按钮颜色？

我在导航栏中添加了一个按钮。导航栏有4个

li

元素，第4个包含按钮。我想更改按钮的默认颜色，我想使用自定义css

header.js：

class Header extends Component {

  render() {
    return (
      <div>   
        <div class="navbar-fixed">
          <nav className="navbar">
            <div className="nav-wrapper">
              <a href="#" className="brand-logo">Udacity Logo</a>
              <ul id="nav-mobile" className="right hide-on-med-and-down">
                <li><a href="#">Nanodegree</a></li>
                <li><a href="#">Hire Talent</a></li>
                <li><a href="#">For Business</a></li>
                <li><a className="waves-effect waves-light btn findbtn">Course Finder</a></li>
              </ul>
            </div>
          </nav>
         </div>
      </div>
    );
  }
}

截图：

---

我刚刚尝试了这个代码，效果很好

import React，{Component}来自'React'；
从“/logo.svg”导入徽标；
导入“/App.css”；
类应用程序扩展组件{
构造函数（）{
超级（）
}
render（）{
返回(




航向发现者

);
}
}
导出默认应用程序我刚试过这个代码，效果很好


import React，{Component}来自'React'；
从“/logo.svg”导入徽标；
导入“/App.css”；
类应用程序扩展组件{
构造函数（）{
超级（）
}
render（）{
返回(




航向发现者

);
}
}
导出默认应用程序尝试以下操作

a[classname='findbtn']{
background-color: #5E35B1;
}

试着跟随

a[classname='findbtn']{
background-color: #5E35B1;
}

您可以尝试以下方法：

.findbtn{
    background-color: #5E35B1 !important;
}

若上述示例不起作用，请使用开发人员工具检查组件是否看到您的CSS代码。可能您忘记需要此CSS文件。
您可以尝试以下方法：

.findbtn{
    background-color: #5E35B1 !important;
}

若上述示例不起作用，请使用开发人员工具检查组件是否看到您的CSS代码。也许你忘了需要这个CSS文件