Css 如何隐藏HTML5上默认显示的箭头<；细节>；铬元素？

我现在还早，但我也知道你们已经掌握了一切

我想使用：

我们可能需要使用一些奇怪的伪选择器来定位它，比如

details:：-webkit details disposition widget

，或者目前根本无法更改

此外，我发现：

预计第一个容器将 至少包含一个行框，以及 该行框应包含一个 披露小部件（通常是 三角形），水平放置 在细节的左侧填充中 元素。预计该小部件将 允许用户请求 可以显示或隐藏详细信息

---

我不确定这是否有效，因为我当前的计算机将不运行Chrome，并且我无法访问我通常使用的计算机，但请尝试将其添加到您的css文件中：

details > summary:first-of-type {
    list-style-type: none;
}

---

请告诉我它是否有效，我只是在推荐中看到它，而不是官方规范。

我不打算回答我自己的问题，但我有解决方案

• 资料来源：
• 有关披露窗口小部件建议的更多信息：
  

代码

请注意，如果不提供规范所允许的摘要元素，则仍将显示披露小部件。

summary:：-webkit details marker{
字号：0px
}

我发现这很有效

：：-webkit详细信息标记{
显示：无；
}

我使用的是Firefox 65.0.1，可以通过以下方式删除箭头：

details > summary {display:block}

据

您可以通过以下方式实现这一点：

详细信息>摘要{
列表样式：无；
}
详细信息>摘要：-webkit详细信息标记{
显示：无；
}

在2021年再次访问时，

：-webkit details标记不再起作用。您需要以伪元素
：：marker
为目标，如下所示：

详细信息>摘要{
列表样式：无；
}
详细信息>摘要：：标记{
显示：无；
}
我看到的唯一问题是，一旦其他人开始支持
这对Chrome很有效，但要支持Firefox，这也需要：这两个答案应该合并。我尊重这个答案当时很好，但现在我们应该有一个不错的跨浏览器，这里的标准兼容解决方案是特定于i.s.o webkit的。值得注意的是，现在这个元素有一个非webkit前缀选择器：
：marker
要实现这一点，您需要
：：marker{display:none；}summary{list style:none}
，如果您仍然希望小部件占用空间的话（例如，如果要对齐多个连续的
详细信息
元素的文本，但并非所有元素都可展开）然后你应该使用
visibility:hidden
而不是
display:none
。这对Firefox有效，但为了支持Chrome，也需要这一点：这两个答案应该合并。对我来说，这是最合适的答案，因为它对Firefox、safari和chromeAll都有效。其他答案在2021年不起作用，请使用这个ta伙计们，谢谢你们。
details > summary:first-of-type {
    list-style-type: none;
}

details summary::-webkit-details-marker {
  display:none;
}

details > summary {display:block}