::marker

**::marker** CSS 伪元素 选择列表项目的标记框,该框通常包含项目符号或数字。它适用于任何设置为 display: list-item 的元素或伪元素,例如 <li><summary> 元素。

尝试一下

允许的属性

::marker 伪元素支持有限的 CSS 属性,包括

**注意:** 规范规定将来可能会支持其他 CSS 属性。

语法

css
::marker {
  /* ... */
}

示例

HTML

html
<ul>
  <li>Peaches</li>
  <li>Apples</li>
  <li>Plums</li>
</ul>

CSS

css
ul li::marker {
  color: red;
  font-size: 1.5em;
}

结果

规范

规范
CSS 伪元素模块级别 4
# marker-pseudo

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅