使用<details>标签时，是否有一种方法可以删除Chrome添加的三角形？

Question

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

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

在Firefox中，它的运行结果完全符合我的期望。没有三角形，只有可点击的文本内容：
在Firefox中的外观

但是，另一方面，Chrome会添加一个三角形，看起来像这样：
在Chrome中的外观

我该如何去掉那个三角形？

- Martín Nieva

Answer 1

尝试

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

这在我的JSFiddle中运作良好：https://jsfiddle.net/nhscgwbf/

- X. Tamis