Вопрос:

Как проверить стили элементов webkit в chrome devtools?

css google-chrome google-chrome-devtools

298 просмотра

1 ответ

3055 Репутация автора

У меня есть <input type="file"на моей странице. Я хочу просмотреть стили кнопок файла в инструментах Chrome Dev. К сожалению, если я этот элемент, он показывает стили для всего элемента ввода (я имею в виду текст + кнопка). Я хочу проверить стили для ::-webkit-file-upload-button. Например, Firefox показывает все стили при выборе элемента. Есть ли способ сделать это в Chrome?

Изображения ниже представляют пример. Ясно, что кнопка на изображении была стилизована с использованием ::-webkit-file-upload-button, но в списке стилей нет background-color/ bacgrkound-image. Как просмотреть стили для webkit-элемента? введите описание изображения здесь

Автор: deathangel908 Источник Размещён: 01.01.2018 02:03

Ответы (1)


0 плюса

3055 Репутация автора

Решение

Как ответил @wOxxOm, я должен включить Shadow DOMв настройках devtool.введите описание изображения здесь

Автор: deathangel908 Размещён: 15.05.2019 09:34
Вопросы из категории :
32x32