ui bootstrap 标签边框

Question

我想删除活动 ui bootstrap 选项卡上的侧边和顶部边框，并制作一个流行的底部边框。侧面和顶部边框没有被移除。我错过了什么？

.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 运算符，否则代码必须始终是显示的代码。