Pseudokelas read-only
Pseudokelas read-only menetapkan gaya
untuk input dengan atribut readonly.
Input sedemikian hanya bertujuan untuk dibaca,
iaitu, adalah mustahil untuk memasukkan atau mengubah data
di dalamnya, namun data boleh diserlahkan
dan disalin.
Sintaks
pemilih:read-only {
}
Contoh
Mari kita tetapkan sempadan kelabu pudar kepada input yang hanya bertujuan untuk dibaca:
<p>
<label>Masukkan teks</label>
<input type="text">
</p>
<p>
<label>Baca teks</label>
<input type="text" value="text" readonly>
</p>
input:read-only {
border: 1px solid #D8DFE8;
}
:
Lihat juga
-
pseudokelas
:read-write,
yang menetapkan gaya untuk input yang boleh diubah -
pseudokelas
:default,
yang menetapkan gaya untuk elemen secara lalai -
pseudokelas
:indeterminate,
yang menetapkan gaya untuk penukar yang berada dalam keadaan tidak tentu -
pseudokelas
:optional,
yang menetapkan gaya untuk input yang tidak mempunyai atribut required -
pseudokelas
:placeholder-shown,
yang menetapkan gaya untuk elemen apabila teks petunjuk dipaparkan -
pseudokelas
:required,
yang menetapkan gaya untuk input yang mempunyai atribut required yang ditetapkan -
pseudokelas
:focus-within,
yang menetapkan gaya untuk elemen dalam fokus -
properti
caret-color,
yang menetapkan warna kursor teks dalam input