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

cssselektor:read-only {
  
}

Mysal

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

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

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

Результат:

Şeýle-de serediň