css - ui bootstrap tabs border

Question

I want to remove the side and top borders on active ui bootstrap tabs, and make one fad bottom border. The side and top border is not removed. What am I missing?

.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代码必须始终是显示的那个。