CSS selector input:read-only


Селектор :read-only обирає тільки <input> елементи, котрі доступні тільки для читання, тобто у яких вказаний атрибут readonly.

автор: NagarD

Нотатка

На данний момент, в більшості браузерів, селектор :read-only поширюється тільки на елементи <input> та <textarea>, але він може, також, застосовуватися до всіх елементів у яких вказаний атрибут readonly.

автор: NagarD

Синтаксис

:read-only {


    css declarations;


}

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera
read-only Так Так Так Так

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

Жовтим стає лише поле з атрибутом readonly — його видно, але не відредагуєш.

HTML

<input type="text" value="лише читання" readonly>
<input type="text" value="можна редагувати">

CSS

input:read-only {
    background-color: yellow;
}
автор: NagarD

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід