Question

修改

我正在处理的网站的html和css可以在http://http://new.oranaschool.com/

找到

/修改

我正在尝试删除顶部水平菜单中显示的项目符号（主页...联系人）。我已经尝试了Removing "bullets" from unordered list <ul>给出的建议，但子弹仍然存在。

有人可以查看CSS并告诉我需要添加哪个CSS类吗？这让我疯了几个小时。

Answer 1

你可以试试这个

<html>
<head>
<style type="text/css">
div.ui-menu li {
    list-style:none;

}
ul
{
    list-style-type:none;
    padding:0px;
    margin:0px;
}
li
{
   display:inline;
    padding-left:14px;
}
</style>
</head>

<body>

<div class="ui-menu">
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</div>

</body>

</html>

Answer 2

请看小提琴

https://jsfiddle.net/psgou7bt/2/

HTML

  <ul class="no-bullets">
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    </ul>

的CSS

  .no-bullets, .no-bullets li {
        list-style-type:none;

    }

如果这对您不起作用，那么您的代码中就会出现一些冲突

Answer 3

我发现您在网站上遇到的问题。您可以使用以下CSS删除项目符号。

.navigation ul.sf-menu > li::before {
    background: none !important;
}

或者从样式表中完全删除background。

Answer 4

您可以在元素的CSS上使用list-style-type为none来删除项目符号，例如：

ul
{
    list-style-type: none;
}

希望这会对你有所帮助。：）

Answer 5

从此

中删除背景图片

.navigation ul.sf-menu > li:before {
     background: url(../images/menu_bull.png) 0 0 no-repeat; /** remove this */
}

如果您不想编辑原始代码，请添加

.navigation ul.sf-menu > li:before {
         background: url('');
    }

从无序列表中删除项目符号

5 个答案: