Pseudo-class ya Read-Only
Pseudo-class read-only huweka mtindo
kwa input zenye sifa readonly.
Input kama hii imekusudiwa kusomwa tu,
yaani, haiwezekani kuingiza au kubadilisha data
ndani yake, hata hivyo data zinaweza kuchaguliwa
na kunakiliwa.
Syntax
kichaguli:read-only {
}
Mfano
Wacha tuweke miaka ya kijivu hafifu kwa input iliyokusudiwa kusomwa tu:
<p>
<label>Ingiza maandishi</label>
<input type="text">
</p>
<p>
<label>Soma maandishi</label>
<input type="text" value="maandishi" readonly>
</p>
input:read-only {
border: 1px solid #D8DFE8;
}
:
Angalia pia
-
pseudo-class
:read-write,
ambayo huweka mtindo kwa input zinazoweza kubadilishwa -
pseudo-class
:default,
ambayo huweka mtindo kwa vipengee vilivyo chaguomsingi -
pseudo-class
:indeterminate,
ambayo huweka mtindo kwa vibadilishaji vilivyo katika hali isiyo hakika -
pseudo-class
:optional,
ambayo huweka mtindo kwa input ambayo haina sifa ya required -
pseudo-class
:placeholder-shown,
ambayo huweka mtindo kwa vipengee wakati maandishi ya mwongozo yanaonyeshwa -
pseudo-class
:required,
ambayo huweka mtindo kwa input ambayo imewekwa sifa ya required -
pseudo-class
:focus-within,
ambayo huweka mtindo kwa vipengee vilivyo kwenye lengo -
sifa
caret-color,
ambayo huweka rangi kwa kiashiria cha maandishi kwenye input
