如何使用 CSS 在鼠标悬停时显示/隐藏下拉菜单？

本文的方法是使用 CSS 在鼠标悬停时显示和隐藏下拉菜单。该任务可以通过使用display 属性和:hover selector 来完成。

例子：

HTML

  

    
  
    

  

    

        GeeksForGeeks
    
  
    

        How to show and hide dropdown
        menu on mouse hover using CSS?
    
  
    

        

            Programming languages
            

                
C++
                
java
                
php
            
        
    
  

  

输出：

在将鼠标悬停在下拉菜单上之前：

将鼠标悬停在下拉菜单上后：

下面列出了支持的浏览器：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器