Есть ли способ удалить треугольник, который добавляет Chrome при использовании тега <details>?

Question

Я использую тег <details>.И мой код выглядит так:

<details>
    <summary> Click me </summary>
    <p>Showing content</p>
</details>

В Firefox он работает именно так, как я ожидаю.Нет треугольников.Ничего.Только текст с кликабельным контентом:
Как это выглядит в Firefox

Но, с другой стороны, Chrome добавляет треугольник, который выглядит так:
Какэто похоже на Chrome

Как я могу удалить этот треугольник?

Answer 1

Попробуйте

details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}

Это сработало в моем JSFiddle: https://jsfiddle.net/nhscgwbf/