检查HTML5日期选择器阴影DOM

我正在检查某些HTML5控件的阴影DOM，例如输入类型的日期选择器=“date”以及绑定到datalist的输入的实际建议下拉列表。最好在Chrome中，但其他浏览器也会这样做。

我发现通过启用Chrome浏览器选项中的Shadow DOM设置，可以检查影子DOM的实际输入(其中包括:: – webkit-calendar-picker-indicator箭头来显示datepicker)，而不是datepicker本身：

datalist也是一样。看起来这些控件不是输入的一部分，但是我也不能在元素面板中的其他位置找到它们。

是否可以检查这些元素？

小编编辑澄清：我实际上正在寻找哪个伪类适用于哪个控件。有很多网站列出了他们中的一些，但是我还没有找到一个源代码，它可以为datalist元素列出:: – webkit-calendar-picker-indicator，它将被应用。我正在寻找更多的那些鬼祟的混蛋，当然最好的来源是马的嘴。

解决方法

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

我同意这是很好的能够自定义它。和类似的弹出窗口。 XUL中的Mozilla显示：弹出窗口，用于上下文菜单，弹出和类似的东西。在用户级内容中也可以很好的使用它。