html - 最近firefox和webshim的实现细节

Question

最新版本的 Firefox（例如 49.0）实现了 details 标签。不幸的是，这部分与细节的 webshim 实现不兼容。尽管摘要标签的内容仍然可见，但黑色三角形消失了，单击它仍然会隐藏并显示详细信息的内容。

这可以在https://afarkas.github.io/webshim/demos/#DetailsS​​ummary中看到

任何已知的解决方法？由于 IE 和 Edge，这个 polyfill 仍然有用。

Answer 1

我应该用谷歌搜索更长的时间。

部分解决方法是添加到您的 CSS

details summary {
   display: list-item !important;
}

可以在此处找到其他信息：

https://gist.github.com/ericclemmons/b146fe5da72ca1f706b2ef72a20ac39d

https://bugzilla.mozilla.org/show_bug.cgi?id=1283989

https://github.com/StylishThemes/GitHub-Dark/commit/20c524d2fe59d874afcd675f0e9e01b23cefd35a