我创建菜单的方式添加了超链接css，如何删除？ [Angular Material 诉 0.10]

Question

我的代码目前工作得非常令人满意，除了我添加 ng-href 后，标准的 hyperlink 格式（又名蓝色 links）就会启动。我该如何摆脱它？

截图link：http://i.stack.imgur.com/gsxfH.png

HTML 看起来像这样（我认为 angular 控制器和其他东西在这里不相关）

<md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')">
            <md-toolbar class="md-tall md-hue-2">
                <span flex></span>
                <div layout="column" class="md-toolbar-tools-bottom inset">
                    <user-avatar></user-avatar>
                    <span></span>
                    <div>Name Namesson</div>
                    <div>name@name.com</div>
                </div>
            </md-toolbar>

            <md-list>
                <md-subheader>Navigation</md-subheader>
                <md-divider></md-divider>
                <md-list-item  ng-repeat="item in menu">
                    <a ng-class="{'active' : isSelected()}" ng-href="{{item.link}}">
                        <md-item-content md-ink-ripple layout="row" layout-align="start center">
                            <div class="inset">
                                <ng-md-icon icon="{{item.icon}}"></ng-md-icon>
                            </div>
                            <div class="inset">
                                {{item.title}}
                            </div>
                        </md-item-content>
                    </a>
                </md-list-item>
                <md-subheader>Kontoinformation</md-subheader>
                <md-divider></md-divider>
                <md-list-item ng-repeat="item in admin">
                    <a ng-class="{'active' : isSelected()}" ng-href="{{item.link}}">
                        <md-item-content md-ink-ripple layout="row" layout-align="start center">
                            <div class="inset">
                                <ng-md-icon icon="{{item.icon}}"></ng-md-icon>
                            </div>
                            <div class="inset">
                                {{item.title}}
                            </div>
                        </md-item-content>
                    </a>
                </md-list-item>
            </md-list>
        </md-sidenav>

注意：如果有比使用 md-list 更好的制作菜单的方法，请告诉我。如果我的方法是制作菜单的好方法，我只想知道最干净/最 ng-material 的方法来摆脱 hyperlink css.

提前致谢！

PS。我知道 angular-material 正在为菜单提供更好的支持，但我想那是那时而不是现在。 :-)

Answer 1

从我的 chrome 我可以看到 URL 链接的默认样式是：

a:-webkit-any-link:active {
  color: -webkit-activelink;
}
a:-webkit-any-link {
  color: -webkit-link;
  text-decoration: underline;
  cursor: auto;
}
:focus {
  outline: -webkit-focus-ring-color auto 5px;
}

覆盖那些你不想要的应该是好的。

我创建菜单的方式添加了超链接css，如何删除？ [Angular Material 诉 0.10]

My way of creating menus adds hyperlink css, how to remove? [Angular Material v. 0.10]

angularjs

angular-material