防止當前選定的菜單項顏色發生變化

只要我將鼠標懸停在當前選定的菜單項上，其顏色變化就是我想要阻止的。在這裏我的代碼。防止當前選定的菜單項顏色發生變化

<html> 
    <head> 
     <title> Another Page </title> 
     <link rel="stylesheet" href="style4.css" type="text/css" /> 
    <head> 

    <body> 

     <div id="title"> 

      <ul> 
       <li class="current"><a href="home.html">Home</a></li> 
       <li><a href="content.html">Content</a></li> 
       <li><a href="search.html">Search</a></li> 
      </ul> 

      <div id="clear"> 
      </div> 

     </div> 

     <div id="wrapper"> 

      <div id="header"> 


      </div> 

     </div> 

    </body> 


</html>

和這裏的CSS

body 
{ 
    padding: 0; 
    margin: 0; 
    background-color: rgb(24,205,20); 
} 

h1,h2,h3 
{ 
    padding: 0; 
    margin: 0; 
} 

p 
{ 
    padding: 0; 
    margin: 0; 
} 

.current 
{ 
    background-color: black; 

} 


#title 
{ 
    background-color: orange; 
} 

#title ul 
{ 

    list-style: none; 
    padding: 0; 
    margin: 0; 
} 

#title li 
{ 
    float: left; 
} 

#title a 
{ 
    text-transform: uppercase; 
    text-align: center; 
    text-decoration: none; 
    display: block; 
    width: 120px; 
    font-weight: bold; 
    color: #ffffff; 
    padding: 4px; 
} 

#title a:hover 
{ 
    background-color: rgb(180,138,18); 
} 

#clear 
{ 
    clear: both; 
}

需要解決這個問題一些緊急建議。

謝謝。

來源

2012-09-15 Some Body

此行添加到您的CSS文件的末尾：

#title .current a:hover { 
     background-color: inherit; 
}

來源

2012-09-15 06:14:24 Natasha

啊......謝謝你被困在這個問題相當長的一段時間。 –

不客氣。 – Natasha

防止當前選定的菜單項顏色發生變化

回答

相關問題