asp.net – StaticSelectedStyle-CssClass不工作

发布时间：2020-12-16 03:46:58 所属栏目：asp.Net 来源：网络整理

导读：我正在构建一个ASP.NET 4.0 Web应用程序,其中我有一个菜单控件,如下所示： #menu { width: 940px; height: 36px; margin: 0 auto; padding: 0; } #menu ul { margin: 0px 0px 0px 10px; padding: 0; list-style: none; line-height: normal; } #menu li { fl

我正在构建一个ASP.NET 4.0 Web应用程序,其中我有一个菜单控件,如下所示：

#menu {
        width: 940px;
        height: 36px;
        margin: 0 auto;
        padding: 0;
    }

    #menu ul {
        margin: 0px 0px 0px 10px;
        padding: 0;
        list-style: none;
        line-height: normal;
    }

    #menu li {
        float: left;
    }

    #menu a {
        display: block;
        height: 26px;
        margin-right: 2px;
        margin-bottom: 10px;
        padding: 10px 20px 0px 20px;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #FFFFFF;
        border: none;
    }

    #menu a:hover,.selectedMenuItem {
        background: #FFFFFF;
        text-decoration: none;
        color: #333333;
    }


    <asp:Menu ID="menu" runat="server" StaticSelectedStyle-CssClass="selectedMenuItem">
    <Items>
        <asp:MenuItem Text="Home" Selected="true" NavigateUrl="~/Home.aspx"></asp:MenuItem>
        <asp:MenuItem Text="About Us" NavigateUrl="~/AboutUs.aspx"></asp:MenuItem>
        <asp:MenuItem Text="Services" NavigateUrl="~/Services.aspx"></asp:MenuItem>
        <asp:MenuItem Text="Contact" NavigateUrl="~/Contact.aspx"></asp:MenuItem>
    </Items>
    </asp:Menu>

我希望根据css类selectedMenuItem设置所选菜单项的样式,但由于某些原因不会发生.我该如何解决这个问题？

解决方法

我遇到了同样的问题,并试图找出发生了什么.在html-page的源代码中我发现了这个：

<div class="menu" id="NavigationMenu">
    <ul class="level1">
        <li><a class="level1" href="../Default.aspx">Start</a></li>
        <!-- more li items with the same class -->
    </ul>

我期待我的CssClass名称,但找到了level1.如果我把我的CSS更改为：

#NavigationMenu .level1 li
{
    padding: 10px;
}

有效.可能不是正确的方法,但这是解决手头问题的方法.遗憾的是,可能不适合生产服务器

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!