我有一个带有几个项目的asp:菜单,并希望能够在我点击它时将项目设置为活动状态。
这就是
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
<Items>
<asp:MenuItem NavigateUrl="~/pages/page_a.aspx" Text="PageA" />
<asp:MenuItem NavigateUrl="~/pages/page_b.aspx" Text="PageB" />
<asp:MenuItem NavigateUrl="~/pages/page_c.aspx" Text="PageC" />
</Items>
</asp:Menu>
这会使菜单看起来像这样
PageA PageB PageC
当点击像PageB这样的东西时,我希望能够以某种方式设置它,比如添加一个css或其他任何返回的
PageA PageB PageC
我可以找到一些信息或样品的建议吗?
答案 0 :(得分:1)
您可以使用&#39; selectedstyle&#39;将CSS类或样式应用于菜单项。 asp:Menu控件的属性,使用如下语法:
<staticselectedstyle backcolor=LightBlue
borderstyle="Solid"
bordercolor="Black"
borderwidth="1"/>
此MSDN article中描述了一个更完整的示例。
编辑回应评论:
还有动态选择的风格&#39;动态菜单的属性使用相同的语法:
<dynamicselectedstyle backcolor=LightBlue
borderstyle="Solid"
bordercolor="Black"
borderwidth="1"/>