Asp.net菜單刪除項目符號

Question

我無法擺脫子彈。 我試圖使用liststyle等於無或無濟於事任何Recommendations.This是我的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 ，沒有一個屬性引用#AdminMenuItems 。

Answer 2

首先，您應該在標記中使用ClientIDMode='Static' ，以確保SiteMainMenu是相應HTML元素的真實ID。 然后，您可以使用所有選擇器來覆蓋此元素下的列表項樣式的默認行為：

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

Answer 3

您應該對menu ul使用list-style:none ，而不對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 。

希望這可以幫助。