检查HTML5日期选择器阴影DOM

Question

我试图检查某些HTML5控件的影子DOM，例如输入类型的日期选择器和绑定到数据列表的输入的实际建议下拉列表。最好使用Chrome浏览器，但其他浏览器也可以。

我发现，通过在Chrome的inspector选项中启用阴影DOM设置，我可以检查阴影DOM的实际输入（其中包括显示日期选择器的webkit日历选择器指示器，而不是日期选择器本身）：

数据列表也是如此。看起来这些控件不是输入的一部分，但我在“元素”面板的其他任何地方也找不到它们。

是否可以检查此类元件？

小编辑澄清：我实际上在寻找哪些伪类应用于哪些控件。有很多网站列出了其中的一些，但我还没有找到一个源来为datalist元素列出webkit日历选取器指示器，这个元素确实得到了应用。我正在寻找更多这些鬼鬼祟祟的混蛋，当然最好的来源是马嘴。

Answer 1

Google Chrome的日历弹出窗口不在阴影DOM中。它位于映射到弹出窗口的单独页面中。请参阅网页PopupImpl。cpp公司

弹出内容由HTML/JavaScript编写。

Answer 2

看起来实际的选取器加载在一个完全不同的层中（基本上是一个没有标题栏的不同窗口）。所以我想答案是：不，你不能。

我同意能够自定义它会很棒。还有类似的弹出窗口。XUL中的Mozilla具有显示：弹出窗口，用于上下文菜单、弹出窗口和类似的东西。能够在用户区内容中使用它肯定很棒。