自定义 bootstrap 导航标签的边框线

Question

如何自定义默认为浅灰色的导航标签边框颜色？ 我可以更改颜色内容 div： http://jsfiddle.net/cjz9dyen/

我试过了：

.nav-tabs > li.active > a {
    border-color: #d45500;
}

但它在底部添加了边框。

Answer 1

也覆盖 border-bottom-color：

.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
    border-color: #d45500;
    border-bottom-color: transparent;
}
.nav-tabs {
   border-bottom: 1px solid #d45500;
}

http://www.bootply.com/gjjXWz6eOZ