检查HTML5日期选择器阴影DOM

前端之家收集整理的这篇文章主要介绍了检查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显示:弹出窗口,用于上下文菜单,弹出和类似的东西。在用户内容中也可以很好的使用它。

猜你在找的HTML5相关文章