Характеристики свойства
В каких браузерах работает?
- | 8.0+ | 10.5+ | 5.0+ | - | 2.1 | 3.0 |
В каких версиях CSS используется?
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
- | - | - | + |
Для чего используется?
Преднозначен для оформления полей, которые созданы только для чтения. Другими словами в этом поле может быть текст, который изменить или удалить пользователь не может. С технической точки зрения это поля (тег input), у которых прописан атрибут readonly.
Как правильно задавать?
селектор:read-only { … }
Какие могут быть значения?
Нет.
Пример использования
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>read-only</title> <style> .form-item { margin-bottom:10px; } .label { width:100px; display:block; } input { background:#eee; border:0px; } .feild:read-only { background:#f4ffa7; } .feild { width:200px; } </style> </head> <body> <form method="post" id="form"> <div class="form-item"> <span class="label">Имя:</span> <input type="text" value="Ваше имя уже есть в базе" class="feild" read-only> </div> <div class="form-item"> <span class="label">Логин:</span> <input type="text" class="feild" required> </div> <div class="form-item"> <span class="label">Пароль:</span> <input type="pasword" class="feild" required> </div> <p><input type="submit" value="Войти" /></p> </form> </body> </html>
По итогу получаем
Тип CSS свойства:
Псевдоклассы