从导航栏中删除边框

Question

我正在使用 angularjs material 进行设计，但我坚持从 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>

Answer 1

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

从导航栏中删除边框

Remove border from navbar

css

angularjs

angularjs-material