asp.net 4 更改所选菜单项颜色

本文关键字：菜单项 颜色 net asp | 更新日期: 2023-09-27 18:31:17

菜单项的背景色 asp.net 4（通过 Visual Studio 2010 开发）在被选中后无法更改（我希望所选菜单项的背景颜色为黄绿色）。我用谷歌搜索这个问题，并尝试从互联网上找到的所有方法。但它们不起作用。菜单位于主文件中，并使用项目的默认菜单 css 样式：

            <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" 
                EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                <Items>                       
                    <asp:MenuItem NavigateUrl="Statistics.aspx" Text="Statistics"/>
                    <asp:MenuItem NavigateUrl="Change.aspx" Text="Change"/>
                    <asp:MenuItem NavigateUrl="HistoryData.aspx" Text="History Data" />
                    <asp:MenuItem NavigateUrl="ChangePassword.aspx" Text="Change Password"/>
                    <asp:MenuItem NavigateUrl="About.aspx" Text="About"/>
                </Items>
            </asp:Menu>

站点.css中的菜单 css 是

 div.hideSkiplink
 {
   background-color:#3a4f63;
   width:100%;
 }
 div.menu
 {
   padding: 0px 0px 0px 0px; /*padding: 4px 0px 4px 8px;*/
 }
div.menu ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: auto;
}
div.menu ul li a, div.menu ul li a:visited
{
background-color: #465c71;
border: 1px #4e667d solid;
color: #dde4ec;
display: block;
line-height: 2.0em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;
font-size:medium;
}
 div.menu ul li a:hover
 {
  background-color: #bfcbd6;
  color: #465c71;
  text-decoration: none;
 }
 div.menu ul li a:active
{
background-color:#ADFF2F;
color:White;
text-decoration: none;
}

当我单击菜单项时，我可以看到颜色变化，但在释放鼠标按钮后颜色又恢复为深蓝色。我尝试更改其静态选择/动态选择样式;在菜单项单击事件中将菜单项的选择状态更改为 true;添加选定的CSS样式等。但所选菜单项的背景颜色无法更改。感谢您的帮助

asp.net 4 更改所选菜单项颜色

使用以下样式：

a:active{background-color:color;}
相关文章：