Question

我的asp网页上有一个非常基本的菜单项列表。目前我正在试图弄清楚如何将类应用于用户当前所在的菜单项。

例如在html中，它将是这样的：

<li class = "active"><a href="index.html">Home</a></li>

我的ASP菜单如下所示：

 <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
                        <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
                        <asp:MenuItem NavigateUrl="~/Screenshots.aspx" Text="Screenshots"/>
                        <asp:MenuItem NavigateUrl="~/Technology.aspx" Text="Technology"/>
                        <asp:MenuItem NavigateUrl="~/Contact.aspx" Text="Contact"/>
                    </Items>
                </asp:Menu>

这是我想根据用户所在的页面应用于当前菜单项的CSS样式

.current
{
 background:#40AD36;
 color:#fff;   
}

非常感谢任何帮助。

根据评论人员，我对菜单进行了以下更改，但仍然没有变化...

  <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal" DynamicSelectedStyle-CssClass ="current"  StaticSelectedStyle-CssClass="current" >

Answer 1

在Visual Studio的属性窗口中找到StaticSelectedStyle并将样式放在那里。

添加活动菜单项类以链接ASP

1 个答案: