Asp.net菜单删除项目符号

本文关键字：符号 删除项目 菜单 net Asp | 更新日期: 2023-09-27 18:15:18

我无法去掉子弹。我曾尝试使用列表样式等于none，但无济于事任何建议。这是我的html

<asp:Menu ID="SiteMainMenu"  runat="server" StaticMenuItemStyle-CssClass="menuItemS"
                        StaticHoverStyle-BackColor="#F8941C" DynamicMenuItemStyle-CssClass="menuItemD"
                        DynamicHoverStyle-CssClass="DynamicStyle" DynamicHorizontalOffset="10" DynamicVerticalOffset="4"
                        DynamicMenuItemStyle-Height="20" DynamicHoverStyle-BackColor="#FAA53D" EnableViewState="false"
                        IncludeStyleBlock="false" Orientation="Horizontal" Width="100%">
                        <Items>
                            <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"></asp:MenuItem>
                            <asp:MenuItem NavigateUrl="~/Pages/graphs/monthlyservicesales.aspx" Text="Graphs">
                            </asp:MenuItem>
                            <asp:MenuItem Text="Reports">
                                <asp:MenuItem NavigateUrl="~/Pages/reports/monthlyservicetypesalesmoneyreport.aspx"
                                    Text="Daily Sales"></asp:MenuItem>
                                <asp:MenuItem NavigateUrl="~/Pages/reports/monthlyservicetypesalesmoneyreport.aspx"
                                    Text="Reports"></asp:MenuItem>
                                <asp:MenuItem NavigateUrl="~/Pages/reports/monthlyservicetypesalesmoneyreport.aspx"
                                    Text="Reports"></asp:MenuItem>
                            </asp:MenuItem>
                        </Items>
                    </asp:Menu>

，这是控制菜单的CSS。除了显示的项目符号外，它工作得很好。

   .AdminMenu 
{
    height: 30px;
    width: 100%;
    margin-top:-129px;
    padding-top:3px;
    background:url(../Images/subHeaderBg.png) repeat-x;
}
#AdminMenuItems
{
    color:#000;
    width:960px;
    margin:0 auto;
    font-weight:700;
    font-size:11px;
    padding-top:5px;
    padding-left:8px;
    list-style:none;
}

Asp.net菜单删除项目符号

看起来菜单没有使用你已经定义的样式;据我所知，没有一个属性是指#AdminMenuItems的

首先，您应该在标记中使用ClientIDMode='Static'，以确保SiteMainMenu将是相应HTML元素的真实id。然后，您可以使用everything选择器来覆盖该元素下列表项样式的默认行为:

#SiteMainMenu *
{
   list-style: none; // A simple CSS reset in the scope of SiteMainMenu element
}

你应该用list-style:none代替menu ul，而不是menu items。

像这样:

#SiteMainMenu ul
{
    height: 30px;
    width: 100%;
    margin-top:-129px;
    padding-top:3px;
    background:url(../Images/subHeaderBg.png) repeat-x;
    list-style:none;
}

在你的html中，你的菜单是SiteMainMenu而不是AdminMenu。

相关文章：