我想用ASP.NET菜单中选定的选项卡以不同的颜色突出显示。这样做似乎很简单,但首先我无法使其工作,其次我目前找不到一个好的工作示例。突出显示在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;
}
这似乎是[这个问题1的重复on](http://stackoverflow.com/q/7067944/1211329)但有一个你可能想参考的答案。 –
另一个可能的重复http://stackoverflow.com/questions/8053337/asp-net-4-highlight-menu-item-for-current-page – bot
我发布了一个工作解决方案..检查它.. – Sakthivel