CSS selector input:read-only
Селектор :read-only обирає тільки <input> елементи, котрі доступні тільки для читання, тобто у яких вказаний атрибут readonly.
- Нотатка
-
На данний момент, в більшості браузерів, селектор
автор: NagarD:read-onlyпоширюється тільки на елементи<input>та<textarea>, але він може, також, застосовуватися до всіх елементів у яких вказаний атрибутreadonly.
Синтаксис
:read-only {
css declarations;
}
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| 1 | 78 | 4 | 9 | 13 | — |
| Переглядач | ||||
|---|---|---|---|---|
| 4.4 | 18 | 79 | 3.2 |
Приклади
+ запропонувати свій приклад у пісочниці
Жовтим стає лише поле з атрибутом readonly — його видно, але не відредагуєш.
HTML
<input type="text" value="лише читання" readonly>
<input type="text" value="можна редагувати">
CSS
input:read-only {
background-color: yellow;
}
Коментарі
Коментарів ще немає — будьте першим!