我今天看到了一些奇怪的事情。查看与该帖子相关的图片（如下）。我已经做了一个输入[type =“text”]。它是屏幕图片上的“1”。它的 css 看起来像这样；
table tbody input {
width: 40px;
border: none;
height: 16px;
}
只是一个普通的输入，此外这个没有任何边框。
然后，我查看了开发工具，看到了一些我以前从未见过的东西。输入中的“#shadow-root”和 div。
我知道，开发工具本身添加了一些东西来在原始网页上显示提示。然而，我真的很好奇为什么它在输入中添加一个 div，以及如何在 webkit 引擎上渲染类似的内容。
上次 Chrome 开发工具有点奇怪，我遇到了一些问题。例如，它使 style.css 文件加倍，并忘记加载另一个文件，这就是 jquery 日历的可怕外观的原因（仅当在我的浏览器上加载时）。
这可能不是一个错误，而是一个功能，但我很想了解更多信息
那就是影子 DOM.
只需单击选项并禁用“显示影子 DOM“ 选项..
w3c 草案可以在以下位置找到：https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow/index.html https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow/index.html
关于 Chrome，请参阅http://chemicaloliver.net/programming/inspecting-the-shadow-dom-in-google-chrome-inspector/ http://chemicaloliver.net/programming/inspecting-the-shadow-dom-in-google-chrome-inspector/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
