Psevdo-sinif read-write

Psevdo-sinif read-write, dəyərləri dəyişdirilə bilən inputların tərzini təyin edir.

Sintaksis

cssselektor:read-write {}

Nümunə

Gəlin, məlumat daxil edilə bilən inputa mavi sərhəd təyin edək:

html<p>
  <label>Mətn daxil edin</label>
  <input type="text">
</p>
<p>
  <label>Oxu mətni</label>
  <input type="text" value="mətn" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Həmçinin bax

  • psevdo-sinif :read-only,
    dəyişdirilə bilməyən inputların tərzini təyin edir
  • psevdo-sinif :default,
    standart elementlərin tərzini təyin edir
  • psevdo-sinif :indeterminate,
    qeyri-müəyyən vəziyyətdə olan keçidlərin tərzini təyin edir
  • psevdo-sinif :optional,
    required atributu olmayan inputun tərzini təyin edir
  • psevdo-sinif :required,
    required atributu təyin olunmuş inputun tərzini təyin edir
  • psevdo-sinif :focus-within,
    fokusda olan elementlərin tərzini təyin edir
  • xassə caret-color,
    inputdakı mətn kursorunun rəngini təyin edir