Question

我无法摆脱子弹。我试图使用liststyle等于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;
}

Answer 1

看起来菜单不使用您定义的样式;据我所知，没有任何属性可以引用#AdminMenuItems。

Answer 2

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

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

Answer 3

您应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中，您的menuid为SiteMainMenu而不是AdminMenu。

希望这有帮助。

Asp.net菜单删除子弹

3 个答案: