Псевдоклас 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,
које дефинише боју текст курсора у инпуту