菜单项的背景色 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样式等。但所选菜单项的背景颜色无法更改。感谢您的帮助
使用以下样式:
a:active{background-color:color;}