Question

我正在使用bootstrap3 dropdown-menu。一旦我打开并关闭包含子类别的菜单，其悬停颜色就会被禁用。

例如，

<ul class="nav navbar-nav">
  <li><a href="#"> item1 </a></li>
  <li><a href="#"> item2 </a></li>
  <li><a href="#" class="dropdown-toggle" data-toggle="dropdown"> submenu </a></li>
    <ul class="dropdown-menu">
      <li><a href="#"> sub item1 </a></li>
    </ul>
</ul>

我为此定制的CSS，

.menu ul li a:hover {
background: #6f9be2;

}

当我在浏览器上查看开发人员工具时，它已被禁用。我怎样才能解决这个问题？提前谢谢！

Answer 1

使用：

ul li a:hover {
   background-color: #6f9be2 !important;;
}

 ul li a:hover {
background-color: #6f9be2 !important;;
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<ul class="nav navbar-nav">
  <li><a href="#"> item1 </a></li>
  <li><a href="#"> item2 </a></li>
  <li><a href="#" class="dropdown-toggle" data-toggle="dropdown"> submenu </a></li>
    <ul class="dropdown-menu">
      <li><a href="#"> sub item1 </a></li>
    </ul>
</ul>

单击后禁用Bootstrap3悬停颜色

1 个答案: