Я пытаюсь проверить тень DOM для определенных элементов управления HTML5, например, для выбора даты для input type="date"
и раскрывающегося списка фактического предложения для входов, привязанных к datalist
. Предпочтительно в Chrome, но другие браузеры тоже будут делать.
Я обнаружил, что, включив параметр Shadow DOM в настройках инспектора Chrome, я могу проверить теневую DOM для фактического input
(который включает в себя стрелку ::-webkit-calendar-picker-indicator
для отображения datepicker), но не сам datepicker:
То же самое относится к datalist
. Похоже, что эти элементы управления не являются частью ввода, но я также не могу найти их где-либо еще на панели элементов.
Можно ли проверять такие элементы?
Небольшое редактирование для пояснения: я действительно ищу, какие псевдоклассы применимы к элементам управления. Там много сайтов, которые перечисляют некоторые из них, но мне еще предстоит найти источник, которому удается перечислить ::-webkit-calendar-picker-indicator
для элемента datalist
, который применяется. Я ищу больше тех скрытых ублюдков, и лучшим источником для этого, конечно же, является лошадиный рот.