Я знаю, как стилизовать CSS текста заполнителя/фона/шрифта и т.д. в браузерах, причем каждый браузер задает псевдокласс. Однако я не могу создать их в браузере с помощью инструментов dev и не нашел ответа на вопрос, возможно ли это.
Мне бы хотелось работать со стилями-заполнителями без процесса проб и ошибок.
Это возможно в Chrome.
Перейдите в Настройки Dev Tools (значок шестеренки в правом верхнем углу) и в разделе General | Elements включите "Показать тень пользователя DOM".
Теперь перейдите в текстовое поле. Теперь рядом с элементом ввода должна быть стрелка.
Разверните это и выберите <div psuedo="-webkit-input-placeholder" id="placeholder" style="visibility: visible; text-overflow: clip;">.
Ваши классы, которые вы используете для изменения заполнителя, должны отображаться в панели стилей.
Вот как это должно выглядеть:
