css - 为 Firefox 设计 HTML5 摘要箭头样式

Question

我想使用 HTML5 summary element在 Firefox 上。默认情况下，该元素的样式为三 Angular 形箭头(参见示例 here)。我想改变这个箭头的颜色。 This question解释了如何为 Chrome 完成此操作，但经过测试后，它不适用于 Firefox。

有没有办法用 Firefox 更改摘要元素的箭头颜色？

Answer 1

在 Firefox 和 Chrome 中删除插入符号:

details summary { list-style-type: none; } /* Firefox */
details summary::-webkit-details-marker { display: none; } /* Chrome */
details summary::marker { display: none; }

<details>
  <summary>Open/Close</summary>
  Lorem ipsum dolor sit.
</details>