Пометить поле ввода как недействительное

Question

Как пометить поля ввода как недействительные (то есть цвет, цвет фона, границы и т. Д.)

В настоящее время изменение границ требует рестайлинга всего поля ввода, в противном случае граница изменится от стиля браузера по умолчанию (который отличается для каждого браузера).

Аналогично, изменение цвета фона портит границы полей ввода.

В идеале я хочу иметь возможность изменять цвет фона, не портя стили границ браузера по умолчанию. Это вообще возможно? Какой подход хорош, если учесть, что я хочу сохранить как можно больше правил стилей браузера?

Answer 1

Я не нашел этого ... В любом случае рекомендуется, чтобы вы установили границу по умолчанию и цвет фона любого ввода, чтобы он был одинаковым для всех браузеров. Если вы сделаете это, вы можете стилизовать входные данные по своему желанию.

Помимо этого, стандарт выглядит так:

• Установка границы и фона ввода
• Отображение пользователю сообщения о том, что не так
• Приятным штрихом может быть включение точек точки сообщения, по которым можно щелкнуть мышью, чтобы сосредоточиться на проблеме
• Фокусировка пользователя на неправильном вводе
• Помещение * рядом со всеми обязательными полями.

Возвращаясь к границе, есть стандартные цвета, которые, похоже, используются большинством людей, которые я могу предоставить, если хотите:

border:1px solid #CC0000; 
background-color:#ffeeee;

Надеюсь, это поможет. Дайте мне знать, если вам нужно больше или я еще не совсем понял, что вы после чего.