Html 从无序列表中删除“项目符号”<ul>
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/18028741/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Removing "bullets" from unordered list <ul>
提问by Ivanka Todorova
I have set this:
我已经设置了这个：
list-style: none outside none;
And HTML:
和 HTML：
<ul class="menu custompozition4">
<li class="item-507"><a href=#">Strategic Recruitment Solutions</a>
</li>
<li class="item-508"><a href="#">Executive Recruitment</a>
</li>
<li class="item-509"><a href="#">Leadership Development</a>
</li>
<li class="item-510"><a href="#">Executive Capability Review</a>
</li>
<li class="item-511"><a href="#">Board and Executive Coaching</a>
</li>
<li class="item-512"><a href="#">Cross Cultutral Coaching</a>
</li>
<li class="item-513"><a href="#">Team Enhancement & Coaching</a>
</li>
<li class="item-514"><a href="#">Personnel Re-deployment</a>
</li>
</ul>
but even though bullets are displayed. (I'm not quite sure that those are ul's bullets, because when you hover the text the "bullets" get underlined.)
但即使显示子弹。（我不太确定那些是 ul 的项目符号，因为当您将鼠标悬停在文本上时，“项目符号”会带有下划线。）
Image Demo: http://i.stack.imgur.com/EoXko.png
图片演示：http: //i.stack.imgur.com/EoXko.png
The third level from the menu
菜单中的第三级
采纳答案by zajd
ul.menu li a:before, ul.menu li .item:before, ul.menu li .separator:before {
content: "22";
font-family: FontAwesome;
margin-right: 10px;
display: inline;
vertical-align: middle;
font-size: 1.6em;
font-weight: normal;
}
Is present in your site's CSS, looks like it's coming from a compiled CSS file from within your application. Perhaps from a plugin. Changing the name of the "menu" class you are using should resolve the issue.
存在于您网站的 CSS 中，看起来像是来自您的应用程序中已编译的 CSS 文件。也许来自插件。更改您正在使用的“菜单”类的名称应该可以解决问题。
Visual for you - http://i.imgur.com/d533SQD.png
为您提供视觉效果 - http://i.imgur.com/d533SQD.png
回答by newtonrd
Have you tried setting
你有没有试过设置
li {list-style-type: none;}
According to Need an unordered list without any bullets, you need to add this style to the li elements.
根据需要一个没有任何项目符号的无序列表，您需要将此样式添加到 li 元素。
回答by Muhammad Awais
You can remove the "bullets"by setting the "list-style-type: none;"Like
您可以通过设置“list-style-type: none;”来删除“bullets” 。喜欢
ul
{
list-style-type: none;
}
OR
或者
<ul class="menu custompozition4" style="list-style-type: none;">
<li class="item-507"><a href=#">Strategic Recruitment Solutions</a>
</li>
<li class="item-508"><a href="#">Executive Recruitment</a>
</li>
<li class="item-509"><a href="#">Leadership Development</a>
</li>
<li class="item-510"><a href="#">Executive Capability Review</a>
</li>
<li class="item-511"><a href="#">Board and Executive Coaching</a>
</li>
<li class="item-512"><a href="#">Cross Cultutral Coaching</a>
</li>
<li class="item-513"><a href="#">Team Enhancement & Coaching</a>
</li>
<li class="item-514"><a href="#">Personnel Re-deployment</a>
</li>
</ul>
回答by Rajan Patil
In your css file add following.
在您的 css 文件中添加以下内容。
ul{
list-style-type: none;
}
回答by vichu
In my case
就我而言
li {
list-style-type : none;
}
It doesn't show the bullet but leaved some space for the bullet.
它没有显示子弹，但为子弹留下了一些空间。
I use
我用
li {
list-style-type : '';
}
It works perfectly.
它完美地工作。
回答by Ignatius Andrew
Try this it works
试试这个它有效
<ul class="sub-menu" type="none">
<li class="sub-menu-list" ng-repeat="menu in list.components">
<a class="sub-menu-link">
{{ menu.component }}
</a>
</li>
</ul>
