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)