Псевдоклас read-only

Псевдокласът read-only задава стил на инпути с атрибут readonly. Такъв инпут е предназначен само за четене, т.е. невъзможно е да се въвеждат или променят данни в него, но те могат да бъдат избирани и копирани.

Синтаксис

селектор:read-only {
	
}

Пример

Нека зададем бледно сиви граници на инпут, предназначен само за четене:

<p>
	<label>Въведете текст</label>
	<input type="text">
</p>
<p>
	<label>Текст за четене</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,
което задава цвят на текстов курсор в инпут