Card image cap

技术最新资讯

技术频道

HTML 更改 ul、li 前面小圆点的颜色

::marker 伪元素专门用于设置列表项标记（如小圆点、小方块）的样式

要更改 ul li 前面小圆点的颜色，可以用 CSS 的 ::marker 伪元素。以下是实现方法：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Change Bullet Color</title>
<style>
  ul {
    list-style: disc inside;
  }
  ul li::marker {
    color: red; /* 将小圆点的颜色改为红色 */
  }
</style>
</head>
<body>
  <ul>
    <li>第一项</li>
    <li>第二项</li>
    <li>第三项</li>
  </ul>
</body>
</html>

说明

::marker 伪元素专门用于设置列表项标记（如小圆点、小方块）的样式。
color 属性控制标记的颜色。
注意：这个方法适用于现代浏览器。如果需要兼容旧浏览器，可以考虑使用自定义图片或其他解决方案。

效果

CommandNotFound 坑否（0）
CommandNotFound 坑否（0）
CommandNotFound 坑否（0）
CommandNotFound 坑否（0）
CommandNotFound 坑否（0）

HTML 更改 ul、li 前面小圆点的颜色扩展阅读：

CommandNotFound ⚡️ 坑否 - 其他频道扩展阅读：

上一页下一页

发表评论