Question

我正在尝试删除所选活动li元素的背景框但是无法在这里执行它是我的bootstrap代码，背景颜色为灰色我想立即删除那个，我尝试了所有选项这里是我的代码

.navbar {
  margin-bottom: 0;
  background-color: #204264;
  z-index: 9999;
  border: 0;
  font-size: 14px !important;
  line-height: 1.42857143 !important;
  letter-spacing: 1px;
  border-radius: 0;
  font-family: Montserrat, sans-serif;
}


.navbar li a, .navbar .navbar-brand {
  color: #fff ;

}



.navbar-nav li a:hover, .navbar-nav li.active a {
 color: #f4511e !important;
  /*background-color: #fff !important;*/
}



 .navbar-default .navbar-toggle {
  border-color: transparent;
 color: #fff !important;
}

Answer 1

只需删除此行中的.navbar-nav li.active a

.navbar-nav li a:hover, .navbar-nav li.active a {

使用

.navbar-nav li a:hover{

这将仅适用于移动到li的光标。如果你不想要也删除这个。

navbar-nav li a:hover, .navbar-nav li.active a {
 color: #f4511e !important;
  /*background-color: #fff !important;*/
}

如何删除bootstrap中活动li元素的背景框？

1 个答案: