有没有办法删除 Chrome 在使用 <details> 标签时添加的三角形？

Question

我正在使用<details>标签。我的代码如下所示：

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

在 Firefox 中，它的运行完全符合我的预期。没有三角形。没有什么。仅文本可点击内容：
在 Firefox 中的样子

但是，另一方面，Chrome 添加了一个三角形，如下所示：
How it Looks like in Chrome

我怎样才能删除那个三角形？

Answer 1

尝试

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

它在我的 JSFiddle 中有效：https ://jsfiddle.net/nhscgwbf/