自定义 Bootstrap 导航选项卡的边框线

piztneat 于 2023-05-27 发布在 Bootstrap

关注(0)|答案(2)|浏览(180)

如何自定义颜色的边界导航标签，这是默认的浅灰色？我可以改变颜色内容div：http://jsfiddle.net/cjz9dyen/
我试过了

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

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

twitter-bootstrap

来源：https://stackoverflow.com/questions/43656394/customize-border-line-of-bootstrap-nav-tabs

2条答案

按热度按时间

xpcnnkqh1#

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

赞(0）回复(0）举报 2023-05-27

o4tp2gmn2#

对于Bootstrap 5：

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

赞(0）回复(0）举报 2023-05-27

我来回答

自定义 Bootstrap 导航选项卡的边框线

2条答案

相关问题

热门标签

最新问答