如何在不使用 Span 元素的情况下更改 HTML 列表中的项目符号颜色？

如何在没有 Span 元素的 HTML 列表中修改项目符号颜色

在某些情况下，您可能需要更改列表中项目符号的颜色HTML 列表，无需在

内添加元素标签。这是一个巧妙的解决方案，避免使用跨度。

要实现这一点，请利用 :before 伪元素：

li {
  list-style: none;
}

li:before {
  /* For a round bullet */
  content: '22';
  /* For a square bullet */
  /* content: 'A0'; */
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -10px;
  top: 0;
  color: green;
  font-size: 20px;
}

此方法删除默认的项目符号样式并创建新的项目符号通过：之前。它在形状和颜色方面提供了灵活性，并支持 IE8、Firefox 和 Chrome 等主要浏览器。

以上是如何在不使用 Span 元素的情况下更改 HTML 列表中的项目符号颜色？的详细内容。更多信息请关注PHP中文网其他相关文章！