Read-only pseudoklassy

read-only pseudoklassy, readonly atributy bolan inputlara görnüş berýär. Beýle input diňe okamak üçin niýetlenendir, ýagny olaryň üstüne maglumat ýazmak ýa-da üýtgetmek mümkin däl, ýöne maglumat belläp we göçürip alyp bolýar.

Sintaksis

selektor:read-only {
	
}

Mysal

Okyan üçin gurlan inputa ýaşyl-çal serhedler goýalyň:

<p>
	<label>Tekst giriziň</label>
	<input type="text">
</p>
<p>
	<label>Teksti okaň</label>
	<input type="text" value="text" readonly>
</p>

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

Şeýle-de serediň

:read-write pseudoklassy,
üýtgedilip bolýan inputlara görnüş berýär
:default pseudoklassy,
elementlere deslapky görnüş berýär
:indeterminate pseudoklassy,
kesgitlenmedik ýagdaýdaky geçiş düwmelerine görnüş berýär
:optional pseudoklassy,
'required' atributy bolmadyk inputa görnüş berýär
:placeholder-shown pseudoklassy,
elementlere gönükme teksti görkezilende görnüş berýär
:required pseudoklassy,
'required' atributy kesgitlenen inputa görnüş berýär
:focus-within pseudoklassy,
fokusdaky elementlere görnüş berýär
caret-color aýratynlygy,
inputdaky tekst kursorunyň reňkini kesgitleýär