Псевдокласс read-only - стиль инпутов с атрибутом readonly в CSS
Псевдокласс read-only задает стиль
инпутам с атрибутом readonly.
Такой инпут предназначен только для чтения,
т.е. ввести или изменить в нем данные
невозможно, однако их можно выделить
и скопировать.
Синтаксис
селектор:read-only {
}
Пример
Давайте установим бледно-серые границы инпуту, предназначенному только для чтения:
<p>
<label>Enter text</label>
<input type="text">
</p>
<p>
<label>Read text</label>
<input type="text" value="text" readonly>
</p>
input:read-only {
border: 1px solid #D8DFE8;
}
:
Смотрите также
-
псевдокласс
:read-write,
который задает стиль инпутам, доступным для изменения -
псевдокласс
:default,
который задает стиль элементам по умолчанию -
псевдокласс
:indeterminate,
который задает стиль переключателям, которые находятся в неопределенном состоянии -
псевдокласс
:optional,
который задает стиль инпуту, у которого нет атрибута required -
псевдокласс
:placeholder-shown,
который задает стиль элементам при отображении текста-подсказки -
псевдокласс
:required,
который задает стиль инпуту, у которого задан атрибут required -
псевдокласс
:focus-within,
который задает стиль элементам в фокусе -
свойство
caret-color,
которое задает цвет текстовому курсору в инпуте