Javascript 样式角材质导航栏

我在工具栏中有一个有角度的材质导航栏作为标题。问题是导航栏选项卡的下划线固定为默认粉红色。这与我的页面的配色方案不一致。相关代码

<div ng-controller="navCtrl" ng-cloak>
    <md-content md-theme="docs-dark" layout-gt-sm="row" layout-padding>
        <md-toolbar class="md-hue-2">
            <md-nav-bar md-selected-nav-item="currentNavItem" nav-bar-aria-label="navigation links">
                <md-nav-item md-nav-href="#/" name="home">Home</md-nav-item>
                <md-nav-item md-nav-href="#/about" name="about">About</md-nav-item>
            </md-nav-bar>
        </md-toolbar>
    </md-content>
</div>

---

欢迎提供任何帮助。

您只需在

css

文件中使用

md nav bar md nav ink bar

css属性即可

md-nav-bar md-nav-ink-bar {
  background: green;
}

下面是一个工作示例

更新至最新版本

这是一个问题。

所有样式：

md-nav-bar md-nav-ink-bar {
  background: green;
}