从无序列表<ul>中删除"项目符号"

Question

我已经设定了这个:

list-style: none outside none;

和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 &amp; Coaching</a>
    </li>
    <li class="item-514"><a href="#">Personnel Re-deployment</a>
    </li>
</ul>

但即使显示子弹.(我不太确定那些是ul的子弹,因为当你将文本悬停在文本上时,"子弹"会加下划线.)

图片演示:http: //i.stack.imgur.com/EoXko.png

菜单中的第三级

Answer 1

你试过设置吗？

li {list-style-type: none;}

根据需要一个没有任何项目符号的无序列表,您需要将此样式添加到li元素.

Answer 2

您可以通过设置"list-style-type:none;"删除"项目符号" .喜欢

ul
{
    list-style-type: none;
}

要么

<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 &amp; Coaching</a>
    </li>
    <li class="item-514"><a href="#">Personnel Re-deployment</a>
    </li>
</ul>

Answer 3

ul.menu li a:before, ul.menu li .item:before, ul.menu li .separator:before {
  content: "\2022";
  font-family: FontAwesome;
  margin-right: 10px;
  display: inline;
  vertical-align: middle;
  font-size: 1.6em;
  font-weight: normal;
}

存在于您网站的CSS中,看起来它来自您应用程序中的已编译CSS文件.也许来自插件.更改您正在使用的"菜单"类的名称应解决此问题.

视觉为你 - http://i.imgur.com/d533SQD.png

Answer 4

就我而言

li {
  list-style-type : none;
}

它没有显示子弹，但为子弹留出了一些空间。

我用

li {
  list-style-type : '';
}

它工作完美。