使用Css與Asp.net菜單（HoverStyle不生效）

我有下面的代碼，我用來創建一個asp.net菜單。我已將CssClass分配給每個動態項目並創建了特定的類。但是，dynamicHoverStyle類不生效。有誰知道這是爲什麼？使用Css與Asp.net菜單（HoverStyle不生效）

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

來源

2013-10-06 confusednerd

你有一個獲取輸出的html代碼片段嗎？ –

我自己花了幾個小時在這一個。 :(在ASP：菜單極其缺乏

我用LevelMenuItemStyles像這樣：

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

給菜單不同樣式的每個級別，但遇到同樣的問題，即hover樣式只是沒有工作，解決的辦法是使用CSS懸停代替。

所以不是...

.style1_hover { ... }

使用

.style1:hover { ... }

並刪除該行。

<DynamicHoverStyle CssClass="style1_hover"/>

我假設這不起作用的水平樣式相同。

我意識到這個問題是前一陣子，你可能已經開始或找到了解決方案，但希望這可以幫助你或其他人。

來源

2014-01-15 06:34:21 NebulaSleuth

使用Css與Asp.net菜單（HoverStyle不生效）

回答

相關問題