стиль пустых поля ввода с помощью CSS

. Одна общая потребность в стиле - применять конкретные правила к пустым полям ввода. Это может быть полезно для предоставления визуальных сигналов пользователям, таким как текст заполнителя или цветная граница. Однако использование селектора ввода [value = "] для целевых пустых входов не может работать, как предполагалось. Этот псевдокласс нацелен на входные поля, в которых в настоящее время виден текст заполнителя, указывая на то, что поле ввода пусто. Граница: 1px твердый красный; }

обратите внимание, что вы также должны установить атрибут заполнителя в поле ввода в HTML:

input:placeholder-shown {
  border: 1px solid red;
}

, используя: Placeholder-Shown, вы можете создать пользовательский стиль, который нацелен на пустые поля ввода и предоставляет улучшенные отзывы пользователей.