Read-write psewdoklassy

read-write psewdoklassy, bahalary üýtgedilip bolýak inputlaryň stilini kesgitleýär.

Sintaksis

cssselektor:read-write {}

Mysal

Maglumat girizilip bolýak inputa gök çägiri goýýaly:

html<p>
  <label>Tekst giriziň</label>
  <input type="text">
</p>
<p>
  <label>Okalýan tekst</label>
  <input type="text" value="text" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Şeýle-de görüň

  • :read-only psewdoklassy,
    üýtgedilip bolmaýak inputlaryň stilini kesgitleýär
  • :default psewdoklassy,
    bellenen ýagdaýdaky elementleriň stilini kesgitleýär
  • :indeterminate psewdoklassy,
    kesgitlenmedik ýagdaýdaky geçijileriň stilini kesgitleýär
  • :optional psewdoklassy,
    required atributy ýok inputyň stilini kesgitleýär
  • :required psewdoklassy,
    required atributy berlen inputyň stilini kesgitleýär
  • :focus-within psewdoklassy,
    fokusdaky elementleriň stilini kesgitleýär
  • caret-color aýratynlygy,
    inputdaky tekst kursorunyň reňkini kesgitleýär