Bootstrap | Tab-Pane |为什么不能删除导航选项卡中的边框？

Question

为什么Bootstrap在删除带有active属性的选项卡上的边框时会忽略我的CSS样式？

边框样式在非活动选项卡上很好，但我得到的结果如下

​

.nav-tabs > li > a{
    color: #898989;
    background:linear-gradient(-45deg, #FFF, #E0DDDD)!important;
    border: 1px solid #DDD!important;
}

.nav-tabs > li.active > a{
    background:linear-gradient(to right, #FFF, #FFF)!important;
    border-style: solid solid none solid!important;
}

​

使用这种样式，活动选项卡的底部应该不会有边框--然而，情况并非如此。如果我告诉样式表去做一些事情，它一定会去做吗？

有人知道为什么我的DW忽略border-style属性吗？

Result of tab-tabs immage

Answer 1

你是不是简单地试了一下？

border: none;

最后，在属性检查器中检查是否在css中的正确目标中编写它(以及在正确的行中)

Answer 2

请在您的CSS中写下此代码以删除底部边框。

.nav-tabs > li.active > a{border-bottom: none !important;}

Answer 3

试试这个，它会有帮助的-全开的活动标签

.nav-tabs > li > a.active{
background:linear-gradient(to right, #FFF, #FFF)!important;
border-style: solid solid none solid!important;}