我正在尝试用不同的颜色突出显示 ASP.NET 菜单中选定的选项卡。这样做似乎很简单,但首先我无法让它工作,其次我找不到一个好的工作示例。
ASP/HTML
<div class="clear hideSkiplink">
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="False"
IncludeStyleBlock="false" Orientation="Horizontal">
<Items>
<asp:MenuItem NavigateUrl="~/ReadMe.aspx" Text="Read Me" />
<asp:MenuItem NavigateUrl="~/Summary.aspx" Text="Summary" />
<asp:MenuItem NavigateUrl="~/Detail.aspx" Text="Detail" />
</Items>
</asp:Menu>
</div>
CSS
div.hideSkiplink
{
background-color:#3a4f63;
width:100%;
}
div.menu
{
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: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;
}
div.menu ul li a:hover
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;
}
div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;
}