时间戳

首页 > 解决方案 > 如何从列表组项目中删除项目符号

html - 如何从列表组项目中删除项目符号

问题描述

我正在使用 List 组组件创建一个具有我自己的样式的菜单，如下所示：

<div id="menu" class="list-group">
    <div class="menu-item menu-level-0 sub-menu list-group-item">
        <li>Fruits</li>
    </div>
    <div class="menu-item menu-level-0 sub-menu list-group-item">
        <li>Vegetables</li>
    </div>
    <div class="menu-item menu-level-0 sub-menu list-group-item">
        <li>Meats</li>
    </div>
</div>

如何删除为每个列表组项创建的项目符号？

标签： htmlcsstwitter-bootstrap

解决方案

要点来自<li>元素。它是一个列表项，默认情况下具有项目符号。

它们可以用一些简单的 CSS 隐藏：

li {
    list-style: none;
}

或者就像在这个答案的评论中建议的那样，您可以完全删除这些<li>元素，因为这里不需要它们：

<div id="menu" class="list-group">
    <div class="menu-item menu-level-0 sub-menu list-group-item">
        Fruits
    </div>
    ...
</div>

推荐阅读