2013-04-03 65 views
0

我有一個菜單。這是我的代碼。設置菜單中項目的背景顏色

<Items> 
     <asp:MenuItem NavigateUrl="#" Text="New Item" Value="New Item"> 

      <asp:MenuItem NavigateUrl="#" Text="New Item" Value="New Item"></asp:MenuItem> 
      <asp:MenuItem NavigateUrl="#" Text="New Item New Item" Value="New Item"></asp:MenuItem> 
      <asp:MenuItem NavigateUrl="#" Text="New Item" Value="New Item"></asp:MenuItem> 
     </asp:MenuItem> 

我的問題是我怎麼設置我的子項的菜單背景顏色?我還需要知道如何設置顯示所有子項目的列的寬度?

回答

0

試試這個:

<Items> 
    <asp:MenuItem NavigateUrl="#" Text="New Item" Value="New Item"> 
    <asp:MenuItem style="background-color:red;" NavigateUrl="#" Text="New Item" Value="New Item"></asp:MenuItem> 
    <asp:MenuItem style="background-color:red;" NavigateUrl="#" Text="New Item New Item" Value="New Item"></asp:MenuItem> 
    <asp:MenuItem style="background-color:red;" NavigateUrl="#" Text="New Item" Value="New Item"></asp:MenuItem> 
    </asp:MenuItem> 
</Items> 
+0

好的,但是如何設置它們出現的寬度呢? –

+0

您只需修改樣式屬性:style =「background-color:red; width:30px」。 – MHDaouas

+0

只是一個問題,當我在asp中編寫它們時,它表示該樣式不是asp:MenuItem的有效屬性。這意味着什麼,我還可以繼續嗎? –

2


在Visual Studio中,如果您在源視圖中選擇ASP Menu標籤,屬性窗口中會列出這個特定ASP標籤可用的屬性。

然後從可用選項中選擇DynamicMenuItemStyle並將ASP BackColor屬性設置爲任何值。

此外,您可以從可用選項中選擇DynamicHoverStyle,並將ASP BackColor屬性設置爲任何鼠標懸停效果。


這裏是,這將產生的代碼(嵌套在 Menu標籤內,放置在 Items標籤以上):

<DynamicHoverStyle BackColor = "red" /> 
<DynamicMenuItemStyle BackColor = "blue" /> 



:使用 StaticMenuItemStyle 影響頂-most菜單項,並且 DynamicMenuItemStyle 將影響所有子菜單項。