从导航栏中删除边框答案

【问题标题】：Remove border from navbar从导航栏中删除边框
【发布时间】：2018-10-15 10:09:27
【问题描述】：

我正在使用 angularjs 材料进行设计，但我坚持要从 md-nav-list 中删除导航栏列表的边框。

第一页下的红线是我要删除的行代码是

<div layout="row" class="navbar-top" flex >
    <md-input-container class="md-block" md-no-float >
            <md-icon class="material-icons">search</md-icon>
            <input type="text" ng-model="user" placeholder="search.." class="search-bar" >
    </md-input-container>
    <md-nav-bar flex="60" md-no-ink-bar="disableInkBar" md-selected-nav-item="currentNavItem"  nav-bar-aria-label="navigation links">

            <md-nav-item md-nav-click="goto('page1')" name="page1">
              Page One
            </md-nav-item>
            <md-nav-item md-nav-sref="#" >
              <md-icon class="material-icons">messages</md-icon>
            </md-nav-item>

          </md-nav-bar>

【问题讨论】：

标签： css angularjs angularjs-material

【解决方案1】：

假设您希望边框始终消失，您需要将mod-nav-bar 的md-no-ink-bar 属性更改为true，也就是md-no-ink-bar="true" 而不是md-no-ink-bar="disableInkBar"。我猜你看到了文档中使用的设置，但这可能是因为他们有一个由角度控制器设置的变量disableInkBar，然后他们用它来切换边框。不过，对于您的情况，只要您不想打开和关闭边框，将其设置为 md-no-ink-bar="true" 应该完全符合您的要求！ :)

【讨论】：