Html 从asp.net菜单中删除项目符号

Html 从asp.net菜单中删除项目符号,html,css,asp.net,menu,master-pages,Html,Css,Asp.net,Menu,Master Pages,我的菜单上似乎没有子弹。有人能帮我吗? 母版页代码: <asp:Menu ClientIDMode="Static" ID="main_menu" runat="server" Orientation="Horizontal"> <StaticItemTemplate> <div class="nav_style"> <asp:Label runat="server" Text='<%# Eval

我的菜单上似乎没有子弹。有人能帮我吗?
母版页代码:

<asp:Menu ClientIDMode="Static" ID="main_menu" runat="server" Orientation="Horizontal">
       <StaticItemTemplate>
       <div class="nav_style">
            <asp:Label runat="server" Text='<%# Eval("Text") %>' /> 
       </div>
       </StaticItemTemplate>
   <Items>
       <asp:MenuItem NavigateUrl="~/home.aspx" Text="home" />
       <asp:MenuItem NavigateUrl="~/what-it-can-do.aspx" Text="what it can do" />
       <asp:MenuItem NavigateUrl="#" Text="pricing" />
       <asp:MenuItem NavigateUrl="#" Text="news & events" />
       <asp:MenuItem NavigateUrl="#" Text="partner with us" />
   </Items>
</asp:Menu>
以下是生成的HTML:

<div id="main_menu">
    <ul class="level1">
        <li><a class="level1 selected" href="home.aspx">
                            <div class="nav_style">
                            <span>home</span> 
                            </div>
                        </a></li><li><a class="level1" href="what-it-can-do.aspx">
                            <div class="nav_style">
                            <span>what it can do</span> 
                            </div>
                        </a></li><li><a class="level1" href="#">
                            <div class="nav_style">
                            <span>pricing</span> 
                            </div>
                        </a></li><li><a class="level1" href="#">
                            <div class="nav_style">
                            <span>news & events</span> 
                            </div>
                        </a></li><li><a class="level1" href="#">
                            <div class="nav_style">
                            <span>partner with us</span> 
                            </div>
                        </a></li>
    </ul>
</div>

编辑

这些答案似乎都不适合我,还有其他建议吗?谢谢。

对于您生成的HTML,下面的代码块应该可以让您去掉这些项目符号

.level1
{
列表样式:无;
}
一种更通用的方法是使用以下内容来针对生成的

#主菜单
{
列表样式:无;
}

一个工作示例:

尝试使用css重置它:

#主菜单*
{
列表样式:无;
}

试试这个:

#主菜单
{
列表样式:无;
}

将css样式重新定义为:

.nav_style ul
{
    ...
}
从div中删除
nav_style
类。改为在
菜单中使用
CssClass=“nav_style”

我自己设法做到了。在我的css文件中,为整个页面的项目符号设置了背景

background:url('../img/blue\u bullet.png')
所以我添加了css

.nav_样式li
{
背景:无;
}

仅供参考,刚刚发布了此消息,但未提及任何内容。检查呈现的html显示一个表格单元格被附加到我的列表项(整个菜单是一个表格呈现的结构),并使用一个项目符号图标作为webkit的背景图像。要覆盖它,请指定您自己的项目符号,在我的情况下,它什么都不是。因此,我制作了一个2x2px白色png文件,并指定了“静态弹出图像url”(StaticPoputImageURL)控件属性,该属性用作bullet单元格的背景。菜单控件布局代码中包含以下内容:

 <asp:Menu ID="MyMenu" runat="server"
                DisappearAfter="100"
                StaticDisplayLevels="1"
                Orientation="Vertical"
                StaticPopoutImageURL="/Images/White2x2px.png"
                CssClass="my anchor/ul styles">
                .....
    </asp:Menu>

.....
希望这能帮助别人,因为我在任何地方都找不到答案。
Jim

想法:将
菜单的
CssClass
分配给
导航样式
。将样式重新定义为
导航样式ul
(css)