html - 如何覆盖浏览器生成的三角形图标元素？

Question

我想用 CSS 更改这个 HTML5 片段的图标：

<details>
  <summary>Hello</summary>
  <p>The details</p>
</details>

有什么线索吗？

Answer 1

在 WebKit 浏览器上，您可以执行以下操作：

summary::-webkit-details-marker {display: none}

summary:before {content: ""}
details[open] summary:before {content: ""}