Псеўдаклас 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,
якая задае колер тэкставаму курсару ў інпуце