Как я могу переопределить созданный браузером треугольный значок в элементе <details>?

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