twitter-bootstrap 自定义引导程序导航选项卡的边界线

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/43656394/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-22 00:48:48  来源:igfitidea点击:

Customize border line of bootstrap nav-tabs

twitter-bootstraptabsborder

提问by London Smith

How to customize the colour of the borders of nav-tabs which is by default light grey? I could change the colour content div: http://jsfiddle.net/cjz9dyen/

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

I tried that:

我试过了:

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

But it adds a border on the bottom.

但它在底部添加了一个边框。

采纳答案by Zim

Override the border-bottom-colortoo:

覆盖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

http://www.bootply.com/gjjXWz6eOZ