html - Webkit 将 ascendents 重置为默认框模型

Question

在我看来这像是 Webkit 错误，但我不确定。尽管 <details>元素已正确 border-box值，影子 DOM 以某种方式将所有重置为默认值 content-box . Firefox 是一致的。 IE/Edge 不支持<details>还没有。

这是错误还是预期的行为？

See the demo on Codepen

Answer 1

这是一个错误，您可以在这里阅读:

• https://bugs.chromium.org/p/chromium/issues/detail?id=589475&q=details box-sizing

• https://github.com/zurb/foundation-sites/issues/9535

所以你需要恢复到旧的方式来预设box-sizing

*, *::before, *::after { box-sizing: border-box; } 

或将其显式设置为details