此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

::marker

::marker CSS pseudo-element（CSS伪元素） 选中一个list item的marker box，后者通常含有一个项目符号或者数字。它作用在任何设置了display: list-item的元素或伪元素上，例如<li>和<summary>。

::marker {
  color: blue;
  font-size: 1.2em;
}

允许的属性值

在将::marker作为选择器的规则中，只能使用某些CSS属性：

规范指出，将来可能会支持其他CSS属性。

语法

::marker

示例

HTML

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

CSS

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

Result

标准

Specification Status Comment
CSS Pseudo-Elements Level 4
::marker		 Working Draft No significant change.
CSS Lists Module Level 3
::marker		 Working Draft Initial definition.

浏览器兼容性

BCD tables only load in the browser

参见