Pseudoclass ya read-write

Pseudoclass read-write huweka mtindo kwa viingizo ambavyo thamani zake zinapatikana kwa kubadilishwa.

Syntax

csskichaguzi:read-write {}

Mfano

Wacha tuweke mipaka ya rangi ya samawati kwa kuingiza ambayo unaweza kuingiza data:

html<p>
  <label>Ingiza maandishi</label>
  <input type="text">
</p>
<p>
  <label>Soma maandishi</label>
  <input type="text" value="text" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Angalia pia

  • pseudoclass :read-only,
    ambayo huweka mtindo wa viingizo visivyopatikana kwa kubadilishwa
  • pseudoclass :default,
    ambayo huweka mtindo wa vipengele kwa chaguo-msingi
  • pseudoclass :indeterminate,
    ambayo huweka mtindo wa vibadilishaji vilivyo katika hali isiyo dhahiri
  • pseudoclass :optional,
    ambayo huweka mtindo wa kuingiza ambayo haina sifa ya required
  • pseudoclass :required,
    ambayo huweka mtindo wa kuingiza ambayo imewekwa sifa ya required
  • pseudoclass :focus-within,
    ambayo huweka mtindo wa vipengele vilivyo kwenye lengo
  • sifa caret-color,
    ambayo huweka rangi ya mshale wa maandishi kwenye kuingiza