Navbar bootstrap3 - 如何更改活動項目樣式

Question

我想更改活動項目的樣式。除了標準的灰色邊框的

我想添加一些像這樣的。

有沒有辦法爲這種修改？

Answer 1

我不知道你的代碼是什麼樣子，但你可以做這樣的事情

.navbar #nav > .active > a { 
    color: red; 
} 

或目標的類或ID，但是你想

Answer 2

添加CSS僞元素::before在活動類。

您可以調整顏色和位置。下面的示例代碼。

a.nav-link.active::before { 
    content: ""; 
    height: 2px; 
    width: 10px; 
    background: #000; 
    left: 25px; 
    position: absolute; 
    top: 45px; 
}