如何从HTML CSS中删除：：marker

gab6jxml 于 2024-01-09 发布在其他

关注(0)|答案(4)|浏览(603)

你好，我有下面的元素

的数据
当我突出显示点图标时，使用F12开发工具时，html css显示如下

的

的
如何从HTML中删除：：标记
我尝试使用下面的代码.但它是不是得到修复.

list-style:none;

字符集
我正在寻找解决方案，并在这个过程中学习。

4条答案

更新li的显示值以删除::marker

.no {
  display: block
}

个字符

试试这个：

/* to remove bullets from an unordered list */
ul {
  list-style: none;
}

/* to remove bullets from an ordered list */
ol {
  list-style:none; 
}

字符集

一般来说，我认为list-style: none;应该可以工作。但也许你是出于某种原因特别试图针对标记？经过一些测试，我无法用display: none;或visibility: hidden;摆脱它们。然而，将内容设置为空字符串似乎在Chrome中工作，至少：

li::marker {
    content: "";
}

字符集
在Safari中，看起来你可以使用li::marker来做一些事情，比如改变颜色，但是将内容设置为空字符串（或其他任何东西）似乎不起作用。同样，在ul上设置list-style: none;应该可以摆脱它们。

可以在li上使用属性- list-style-type：none;。可以引用此link