html - ブラウザで生成された三角形のアイコンを上書きするにはどうすればよいですかエレメント？

Question

この HTML5 のスニペットの CSS を使用してアイコンを変更したいと思います。

<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: ""}