asp.net - StaticSelectedStyle-CssClass 不起作用

Question

我正在构建一个 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 对选定的菜单项进行样式设置，但由于某种原因，这种情况没有发生。我该如何解决这个问题？

Answer 1

我也遇到了同样的问题，并试图找出发生了什么。在 html 页面的源代码中我发现了这个:

<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;
}

它成功了。可能不是正确的方法，但这是解决当前问题的方法。不幸的是，可能不适合生产服务器