Question

我在我的网站上使用ul li作为我的菜单，我想在用户点击时更改颜色

<div id ="navigation">
    <ul id="nav">

        <li ><a id="A1" runat="server" onserverclick ="Home_Click" shape="poly" >Home</a></li>
        <li><a  id= "A2ms" runat ="server" onserverclick ="Management_Services_Click">Management Services</a>
            <ul>
                <li><a href="#">aaaaaaaa</a></li>
                <li><a href="#" >bbbbbb</a></li>
                <li><a href="#" >cccccccccccc</a></li>
                <li><a href="#" >ddddddddddd</a></li>
                <li><a href="#" >Heeeeeeeeees</a></li>
                <li><a href="#" >fffffffffff</a> </li>
                <li><a href="#" >gggggggggt</a> </li>
                <li><a href="#" >hhhhhhhhhhhhh</a> </li>

             </ul>
        </li>
        <li><a href="#">dddfdfdf</a>
           <ul>
              <li><a href="#" >33333333</a> </li>
              <li><a href="#" >2222222222</a> </li>
              <li><a href="#" >11111111111</a> </li>
           </ul>
        </li>
        <li><a href="#">55555555555</a></li>
        <li><a href="#">6666666666</a></li>
        <li><a href="#">Our Vision & Values</a></li>
        <li><a id="A2" runat ="server" onserverclick ="Aboutus_Click" >About Us</a></li>
        <li><a id="A3"  runat ="server" onserverclick ="Forum_Click" >8888888888888</a></li>
     </ul>
</div>

这里的CSS，鼠标悬停功能完美，但点击不起作用时改变颜色...

#nav a:hover 
{
color:Orange ; 
}

  #nav a.selected 
  { 
color:Orange ; 
}

感谢

Answer 1

更改CSS：

#nav a:hover 
{
    color:Orange; 
}

在CSS中使用它：

#nav a.selected, #nav a:active, #nav a:focus { 
    color:Orange; 
}

UL LI菜单在单击时无法更改颜色

1 个答案: