ui bootstrap选项卡边框

Question

我想删除活动ui引导标签上的侧边和顶边，并制作一个时尚的底边。侧面和顶部边框未被删除。我错过了什么？

.nav-tabs > li > a,
.nav-tabs > li > a:hover{
border: 0px;
background-color: #ffffff;}

.nav-tabs > li.active{
border: 0px;
border-bottom: 3px solid #858585;}

<tabset class="nav nav-tabs tabsetnowrap">
    <tab class="nav-pane" ng-repeat="tab in termstabs track by $index" active="tab.active" disabled="tab.disabled">
    <tab-heading>{{tab.title}}</tab-heading>
    </tab>
</tabset>

Answer 1

您错过了推翻部分。

如果您想要确定它被否决，您应该这样做：

.nav-tabs > li > a,
.nav-tabs > li > a:hover{
    border: none !important;
    background-color: #ffffff;
}

!important告诉css，除非有另一个规则具有!important操作符，稍后定义该代码必须始终是显示的那个。