我需要一个没有任何项目符号的无序列表

您可以通过在父元素（通常为 ）的 CSS 上设置 list-style-type 来删除项目符号，例如：none<ul>

ul {
  list-style-type: none;
}

如果您还想删除缩进，您可能还想添加 and。padding: 0margin: 0

请参阅 Listutorial 了解列表格式化技术的精彩演练。

您需要使用list-style: none;

<ul style="list-style: none;">
    <li>...</li>
</ul>

对前面的答案进行了小幅改进：要使较长的行在溢出到其他屏幕行时更具可读性：

ul, li {list-style-type: none;}

li {padding-left: 2em; text-indent: -2em;}

如果你想在不求助于CSS的情况下保持简单，我只是在我的代码行中放了一个。即，.&nbsp;<table></table>

是的，它留下了一些空格，但这并不是一件坏事。

如果您使用的是 Bootstrap，它有一个“无样式”类：

删除默认列表样式，并在列表项上留下填充（仅限直接子项）。

引导程序 2：

<ul class="unstyled">
   <li>...</li>
</ul>

http://twitter.github.io/bootstrap/base-css.html#typography

Bootstrap 3、4 和 5：

<ul class="list-unstyled">
   <li>...</li>
</ul>

引导程序 3：http://getbootstrap.com/css/#type-lists

引导程序 4：https://getbootstrap.com/docs/4.3/content/typography/#unstyled

Bootstrap 5：https://getbootstrap.com/docs/5.0/content/typography/#unstyled

我在 ul 和 li 上都使用了子弹来移除子弹。我想用自定义字符替换项目符号，在本例中为“破折号”。这提供了一个很好的缩进效果，在文本换行时效果很好。list-style

ul.dashed-list {
    list-style: none outside none;
}

ul.dashed-list li:before {
    content: "\2014";
    float: left;
    margin: 0 0 0 -27px;
    padding: 0;
}

ul.dashed-list li {
    list-style-type: none;
}

<ul class="dashed-list">
  <li>text</li>
  <li>text</li>
</ul>

如果无法使其在该级别工作，则可能需要将 在以下级别：<ul>list-style-type: none;<li>

<ul>
    <li style="list-style-type: none;">Item 1</li>
    <li style="list-style-type: none;">Item 2</li>
</ul>

您可以创建一个 CSS 类来避免这种重复：

<style>
ul.no-bullets li
{
    list-style-type: none;
}
</style>

<ul class="no-bullets">
    <li>Item 1</li>
    <li>Item 2</li>
</ul>

必要时，使用：!important

<style>
ul.no-bullets li
{
    list-style-type: none !important;
}
</style>

这将对列表进行垂直排序，而不带项目符号。只需一行！

li {
    display: block;
}

如果你想只用纯HTML来完成这个任务，这个解决方案将适用于所有主流浏览器。

描述列表

只需使用以下 HTML：

    <dl>
      <dt>List Item 1</dt>
        <dd>Sub-Item 1.1</dd>
      <dt>List Item 2</dt>
        <dd>Sub-Item 2.1</dd>
        <dd>Sub-Item 2.2</dd>
        <dd>Sub-Item 2.3</dd>
      <dt>List Item 3</dt>
        <dd>Sub-Item 3.1</dd>
    </dl>

示例如下： https://jsfiddle.net/zumcmvma/2/

参考这里： https://www.w3schools.com/tags/tag_dl.asp

 <div class="custom-control custom-checkbox left">
    <ul class="list-unstyled">
        <li>
         <label class="btn btn-secondary text-left" style="width:100%;text-align:left;padding:2px;">
           <input type="checkbox" style="zoom:1.7;vertical-align:bottom;" asp-for="@Model[i].IsChecked" class="custom-control-input" /> @Model[i].Title
         </label>
        </li>
     </ul>
</div>

我尝试并观察到：

header ul {
   margin: 0;
   padding: 0;
}

要完全删除默认样式，请执行以下操作：ul

list-style-type: none;

margin: 0;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 0;

如果要开发现有主题，则该主题可能具有自定义列表样式。

因此，如果您无法更改 ul 或 li 标签中使用的列表样式，请首先检查 ，因为可能其他样式行正在覆盖您的样式。如果修复了它，您应该找到一个更具体的选择器并清除 .list-style: none;!important!important!important

li {
    list-style: none !important;
}

如果不是这种情况，请检查 .如果它包含内容，请执行以下操作：li:before

li:before {
    display: none;
}

ul{list-style-type:none;}

只需将无序列表的样式设置为 none。

您可以使用 ：：marker 伪元素隐藏它们。

1. 透明::marker

ul li::marker {
  color: transparent;
}

ul li::marker {
  color: transparent;
}

ul {
  padding-inline-start: 10px; /* Just to reset the browser initial padding */
}

<ul>
  <li> Bullets are bothersome </li>
  <li> I want to remove them. </li>
  <li> Hey! ::marker to the rescue </li>
</ul>

2. ::marker空内容

ul li::marker {
  content: "";
}

ul li::marker {
   content: "";
}

<ul>
  <li> Bullets are bothersome </li>
  <li> I want to remove them </li>
  <li> Hey! ::marker to the rescue </li>
</ul>

当您需要从特定列表项中删除项目符号时，最好这样做。

ul li:nth-child(n)::marker { /* Replace n with the list item's position*/
   content: "";
}

ul li:not(:nth-child(2))::marker {
   content: "";
}

<ul>
  <li> Bullets are bothersome </li>
  <li> But I can live with it using ::marker </li>
  <li> Not again though </li>
</ul>

在 BOOTSTRAP 中，您可以通过在 li 标记的父类上设置 list-unstyled 类来删除项目符号。

<ul className="list-unstyled">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>