asp.net - 将 Css 与 Asp.net 菜单一起使用(HoverStyle 未生效)

Question

我有下面的代码，我用它来创建一个 asp.net 菜单。我已将 CssClasses 分配给每个动态元素并创建了特定的类。但是，dynamicHoverStyle 类没有生效。有谁知道为什么会这样？

<asp:Menu ID="Menu1" StaticEnableDefaultPopOutImage="false" runat="server" BackColor="#B5C7DE" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284E98" Orientation="
    <DynamicHoverStyle CssClass="style1_hover"/>
    <DynamicMenuStyle CssClass="style2" />
    <DynamicMenuItemStyle CssClass="style1" />
    <DynamicSelectedStyle BackColor="#507CD1" />
    <Items>
        <asp:MenuItem Text="Menu A" Value="Menu A">
        <asp:MenuItem Text="Submenu A" Value="Submenu A"></asp:MenuItem>
        <asp:MenuItem Text="Submenu B" Value="Submenu B"></asp:MenuItem>
        <asp:MenuItem Text="Submenu C" Value="Submenu C"></asp:MenuItem>
    </Items>

    <StaticHoverStyle />

    <StaticMenuItemStyle BorderColor="Green" BorderWidth="1px" VerticalPadding="8px" />
    <StaticSelectedStyle BackColor="#507CD1" />



.style1 {
    background-color:white;
    border-color:black;
    border:solid;
    border-width:1px;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
}

.style2 {
    background-color:blue;
    border-color:black;
    border:solid;
    border-width:1px;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
}


.style1_hover {
    background-color:blue;
    border-color:black;
    border:solid;
    border-width:1px;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    font-size:large;
}

Answer 1

我自己在这上面花了好几个小时。 :( 非常缺少 asp:Menu。

我像这样使用 LevelMenuItemStyles:

<LevelMenuItemStyles>
    <asp:MenuItemStyle CssClass="menuLevel1"/>
    <asp:MenuItemStyle CssClass="menuLevel2"/>
    <asp:MenuItemStyle CssClass="menuLevel3"/>
</LevelMenuItemStyles>

为菜单的每一级提供不同的样式，但遇到了悬停样式不起作用的相同问题。解决方案是改用 CSS 悬停。

所以而不是...

.style1_hover { ... }

使用

.style1:hover { ... }

并删除该行。

<DynamicHoverStyle CssClass="style1_hover"/>

我假设这在不使用关卡样式时同样有效。

我意识到这个问题已经有一段时间了，您可能已经继续前进或找到了解决方案，但希望这对您或其他人有所帮助。