Псевдокласи read-write

Псевдокласи read-write услубро ба input-ҳое муайян мекунад, ки қимати онҳо барои тағйир додан дастрасанд.

Синтаксис

cssинтихобкунанда:read-write {}

Намуна

Биёед ҳудуди кабудро ба input-е муқаррар кунем, ки ба он ворид кардани маълумот мумкин аст:

html<p>
  <label>Матнро ворид кунед</label>
  <input type="text">
</p>
<p>
  <label>Матнро хонед</label>
  <input type="text" value="матн" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Ҳамчунин нигаред

  • псевдокласи :read-only,
    ки ба input-ҳое услуб медиҳад, ки барои тағйир додан дастрас нестанд
  • псевдокласи :default,
    ки ба унсурҳои пешфарзӣ услуб медиҳад
  • псевдокласи :indeterminate,
    ки ба тугмаҳои табдилдиҳандае услуб медиҳад, ки дар ҳолати номуайян қарор доранд
  • псевдокласи :optional,
    ки ба input-е услуб медиҳад, ки сифати required надорад
  • псевдокласи :required,
    ки ба input-е услуб медиҳад, ки сифати required ба он муқаррар шудааст
  • псевдокласи :focus-within,
    ки ба унсурҳое услуб медиҳад, ки дар маркази диққат қарор доранд
  • сифати caret-color,
    ки рангро ба курсори матнӣ дар input муқаррар мекунад