asp.net - 设置菜单中项目的背景颜色

Question

我有一个菜单。这是我的代码。

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

我的问题是如何设置菜单中子项的背景颜色？我还需要知道如何设置显示所有子项的列的宽度？

Answer 1

在 Visual Studio 中，如果您Menu在源视图中选择 ASP 标记，属性窗口将列出此特定 ASP 标记的可用属性。

然后DynamicMenuItemStyle从可用选项中选择并将 ASPBackColor属性设置为任何值。

您还可以DynamicHoverStyle从可用选项中进行选择，并将 ASPBackColor属性设置为任何鼠标悬停效果。

---

这是将生成的代码（嵌套在Menu标签内，放置在Items标签上方）：

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

---

注意：用于 StaticMenuItemStyle 影响最顶层的菜单项，并 DynamicMenuItemStyle 影响所有子菜单项。

Answer 2

尝试这个：

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