检查HTML5日期选择器阴影DOM
检查HTML5日期选择器阴影DOM
提问于 2015-04-24 16:41:49
我正在尝试检查某些HTML5控件的影子DOM，比如input type="date"的日期选择器和绑定到datalist的输入的实际建议下拉列表。最好是在Chrome中，但其他浏览器也可以。
我发现，通过在Chrome的检查器选项中启用阴影DOM设置，我可以检查阴影DOM中的实际input (包括显示日期选择器的::-webkit-calendar-picker-indicator箭头)，但不能检查日期选择器本身：
datalist也是如此。它看起来像是这些控件不是输入的一部分，但我在元素面板的其他地方也找不到它们。
有没有可能检查这些元素？
需要澄清的小编辑:我实际上是在寻找哪些伪类适用于哪些控件。有很多站点列出了其中的一些，但我还没有找到能够列出datalist元素的::-webkit-calendar-picker-indicator的源码，它确实得到了应用。我正在寻找更多这样的鬼头，最好的来源当然是马的嘴巴。
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-04-24 17:11:16
看起来实际的选择器加载在一个完全不同的层中(基本上是一个不同的窗口，没有标题栏)。所以我猜答案是:不，你不能。
我同意能够对其进行自定义是很棒的。还有类似的弹出窗口。XUL中的Mozilla有display:popup，它由上下文菜单、弹出按钮和类似的东西使用。如果能够在用户内容中使用这一点，那将是非常棒的。
Stack Overflow用户
发布于 2015-04-30 08:21:16
Google Chrome的日历弹出窗口不在Shadow DOM中。它在一个单独的页面中，映射到一个弹出窗口。请参阅WebPagePopupImpl.cpp
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29842645
复制相关文章
相似问题