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中，如果在源视图中选择ASP Menu标记，则属性窗口将列出此特定ASP标记的可用属性。

然后从可用选项中选择DynamicMenuItemStyle并将ASP BackColor属性设置为any。

您也可以从可用选项中选择DynamicHoverStyle，并将ASP BackColor属性设置为鼠标悬停效果。

<小时/> 以下是此代码生成的代码（嵌套在Menu标记内，位于Items标记上方：

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

<小时/> 注意 ：使用 StaticMenuItemStyle 影响最顶层的菜单项， {{1} } 影响所有子菜单项。

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>

设置菜单中项目的背景颜色

2 个答案: