下拉类删除后悬停不起作用删除

问题描述：

我有一个我正在练习的引导模板。在导航栏有“博客”和“测试”下拉类删除后悬停不起作用删除

Test按钮，我删除了li class="dropdown "，因为我想尝试做一个按钮，其悬停活跃像“博客”按钮。但是当我将鼠标悬停在测试上时，文字只显示蓝色，上面有而不是白色背景。

我想不出我该如何做这项工作？我必须为导航栏上的按钮创建一个CSS类，但没有下拉菜单。

为了好玩，我尝试删除所有CSS，但悬停在博客按钮上仍在工作。

<div class="collapse navbar-collapse" id="navbar-collapse-1"> 
<!-- main-menu --> 
<ul class="nav navbar-nav "> 
    <li class="dropdown "> 
     <a href="blog-large-image-right-sidebar.html" class="dropdown-toggle" data-toggle="dropdown">Blog</a> 
     <ul class="dropdown-menu"> 
      <li ><a href="index-blog.html">Blog Home <span class="badge">v1.1</span></a></li> 
      <li ><a href="index-blog-2.html">Blog Home 2 <span class="badge">NEW</span></a></li> 
     </ul> 
    </li> 
</ul> 
<ul class="nav navbar-nav "> 
    <li> 
     <a href="blog-large-image-right-sidebar.html" class="dropdown-toggle" data-toggle="dropdown">Test</a> 
     <ul class="dropdown-menu"> 
      <li ><a href="index-blog.html">Blog Home <span class="badge">v1.1</span></a></li> 
      <li ><a href="index-blog-2.html">Blog Home 2 <span class="badge">NEW</span></a></li> 
      <li class="dropdown "> 
       <a class="dropdown-toggle" data-toggle="dropdown" href="#">Large Image</a> 
       <ul class="dropdown-menu to-left"> 
        <li ><a href="blog-large-image-right-sidebar.html">Right Sidebar</a></li> 
        <li ><a href="blog-large-image-left-sidebar.html">Left Sidebar</a></li> 
        <li ><a href="blog-large-image-no-sidebar.html">Without Sidebar</a></li> 
       </ul> 
      </li> 
      <li class="dropdown "> 
       <a class="dropdown-toggle" data-toggle="dropdown" href="#">Medium Image</a> 
       <ul class="dropdown-menu to-left"> 
        <li ><a href="blog-medium-image-right-sidebar.html">Right Sidebar</a></li> 
        <li ><a href="blog-medium-image-left-sidebar.html">Left Sidebar</a></li> 
        <li ><a href="blog-medium-image-no-sidebar.html">Without Sidebar</a></li> 
       </ul> 
      </li> 
      <li class="dropdown "> 
       <a class="dropdown-toggle" data-toggle="dropdown" href="#">Masonry</a> 
       <ul class="dropdown-menu to-left"> 
        <li ><a href="blog-masonry-right-sidebar.html">Right Sidebar</a></li> 
        <li ><a href="blog-masonry-left-sidebar.html">Left Sidebar</a></li> 
        <li ><a href="blog-masonry-no-sidebar.html">Without Sidebar</a></li> 
       </ul> 
      </li> 
      <li ><a href="blog-timeline.html">Timeline</a></li> 
      <li ><a href="blog-post.html">Blog Post</a></li> 
     </ul> 
    </li> 
</ul> 
</div>

只需添加'.nav导航栏，导航>里的类，如：悬停{背景：#FFF}'在乌尔样式 – Manjunath

您没有在博客上获得白色背景。 –

谢谢您的建议MJN。那个不起作用。狮子座狮子座：白人正在博客上工作。刚刚检查过它 – KrMa

答

样式导航菜单中你的链接，你必须添加这些行之一，在你的CSS文件，根据您的HTML （1）如果主父DIV是.navbar崩溃：

.navbar-collapse .navbar-nav>li a{background-color:#fff;}

（2）如果主父是Navbar的默认：

.navbar-default .navbar-nav>li a {background-color:#fff;}

（3）如果主父是导航栏逆：

 .navbar-inverse .navbar-nav>li a{background-color:#fff;}

而且这个东西取决于主父类，并与UL标签

下拉类删除后悬停不起作用删除

相关推荐