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

read-only псевдоклассы readonly атрибуту бар инпуттардын стилин аныктайт. Мындай инпут окуу гана үчүн, башкача айтканда, анын ичине маалымат киргизүү же өзгөртүү мүмкүн эмес, бирок аларды тандоо жана көчүрүп алууга болот.

Синтаксис

тандоочу:read-only {
	
}

Мисал

Окуу гана үчүн болгон инпутка бозомук-күлгүн чектерин коёлу:

<p>
	<label>Текст киргизүү</label>
	<input type="text">
</p>
<p>
	<label>Текстти окуу</label>
	<input type="text" value="текст" readonly>
</p>

input:read-only {
	border: 1px solid #D8DFE8;
}

Дагы караңыз

:read-write псевдоклассы,
өзгөртүүгө жарактуу инпуттардын стилин аныктайт
:default псевдоклассы,
демейки элементтердин стилин аныктайт
:indeterminate псевдоклассы,
аныктала элек абалда турган которуучулардын стилин аныктайт
:optional псевдоклассы,
required атрибуту жок инпуттун стилин аныктайт
:placeholder-shown псевдоклассы,
жардамчы текст көрсөтүлгөндө элементтердин стилин аныктайт
:required псевдоклассы,
required атрибуту берилген инпуттун стилин аныктайт
:focus-within псевдоклассы,
фокуста турган элементтердин стилин аныктайт
caret-color касиети,
инпуттагы текст курсорунун түсүн аныктайт