下拉類刪除後懸停不起作用刪除

我有一個我正在練習的引導模板。在導航欄有「博客」和「測試」下拉類刪除後懸停不起作用刪除

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>

來源

2016-11-10 KrMa

只需添加'.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標籤

來源

2017-04-15 19:47:48 Osama

下拉類刪除後懸停不起作用刪除

回答

相關問題