Псевдокласи read-write
Псевдокласи read-write услубро ба
input-ҳое муайян мекунад, ки қимати онҳо барои
тағйир додан дастрасанд.
Синтаксис
интихобкунанда:read-write {}
Намуна
Биёед ҳудуди кабудро ба input-е муқаррар кунем, ки ба он ворид кардани маълумот мумкин аст:
<p>
<label>Матнро ворид кунед</label>
<input type="text">
</p>
<p>
<label>Матнро хонед</label>
<input type="text" value="матн" readonly>
</p>
input: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 муқаррар мекунад