Question

我似乎无法在菜单中摆脱子弹。任何人都可以帮助我吗？主页面代码：

<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>

这是我的CSS代码：

.nav_style
        {
            list-style-type:none;
            background-color:#242C32;
            border-radius:3px;
            color:#F5F5F5;           
            border-top:6px solid #242C32;
            border-bottom:6px solid #242C32;
            border-left:12px solid #242C32;
            border-right:12px solid #242C32;
            font:13px calibri;
        }

以下是生成的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>

修改的
没有任何答案似乎对我有用，还有其他任何建议吗？谢谢。

Answer 1

管理自己做。在我的css文件中，为整个页面设置了子弹背景

background:url('../img/blue_bullet.png')

所以我加入了我的CSS

.nav_style li
     {
         background:none;
     }

Answer 2

对于生成的HTML，以下块可以让你摆脱子弹。

.level1
{
    list-style:none;
}

更通用的方法是使用以下内容定位生成的<ul>：

#main_menu ul
    {
        list-style:none;
    }

一个工作示例：http://jsfiddle.net/U2Vgf/1/

Answer 3

尝试使用css重置它：

#main_menu *
{
   list-style: none; 
}

<强> Demo

Answer 4

试试这个：

#main_menu ul
{
    list-style:none;
}

Answer 5

将css样式重新定义为：

.nav_style ul
{
    ...
}

从div中删除nav_style类。而是在CssClass = "nav_style"标记中使用Menu。

Answer 6

仅供参考，刚刚提到这一点并没有提到任何工作。检查渲染的html显示表格单元格被附加到我的列表项目（整个菜单是表格渲染结构）并使用项目符号图标作为webkit的背景图像。要覆盖它，请指定您自己的子弹，在我的情况下，它是什么都没有。所以我制作了一个2x2px的白色png文件并指定了＃34;静态弹出图片网址＆＃34; （StaticPopoutImageURL）控件属性，用作项目符号单元格的背景。以下是菜单控件布局代码：

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

希望这有助于某人，因为我无法在任何地方找到答案。吉姆

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

6 个答案: