CSS для «ошибки» и текстового поля только для чтения

#html #css

#HTML #css

Вопрос:

Я ищу хороший CSS для

  1. Пометка недопустимого-текстовое поле ошибки класса «invalidClass».
  2. Помечаем ввод class =»readonlyClass» как доступный только для чтения, поэтому он будет выглядеть практически одинаково во всех браузерах (не в браузерах по умолчанию).

Есть ли хороший веб-сайт, который предоставляет примеры CSS для такого рода проблем?

Ответ №1:

В Интернете есть куча бесплатных сайтов с шаблонами css. Но я бы не ожидал от них каких-либо сложных обходных путей. Тем не менее, неплохо начать и украсть некоторые «фреймворки»…

К сожалению, нет возможного способа пометить поле как доступное только для чтения, используя только CSS. Вы можете добиться этого, используя либо js, либо srcipt сайта сервера через атрибут ‘readonly’.

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

для неправильных полей светло-красный фон обычно подходит для меня.

РЕДАКТИРОВАТЬ: Помните, что пометка любого поля ввода как доступного только для чтения не защищает его от изменения злонамеренным пользователем 😉

Комментарии:

1. Я добавлю readonly =’только для чтения’ с помощью javascript, который я просто хочу оформить.