Pseudoklasas read-write

Pseudoklasas read-write nustato stilių įvesties laukams, kurių reikšmės yra prieinamos redagavimui.

Sintaksė

cssselektorius:read-write {}

Pavyzdys

Nustatykime mėlynas borders įvesties laukui, į kurį galima įvesti duomenis:

html<p>
  <label>Įveskite tekstą</label>
  <input type="text">
</p>
<p>
  <label>Skaitomas tekstas</label>
  <input type="text" value="text" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Taip pat žiūrėkite

  • pseudoklasas :read-only,
    kuris nustato stilių įvesties laukams, kurių negalima keisti
  • pseudoklasas :default,
    kuris nustato stilių numatytiesiems elementams
  • pseudoklasas :indeterminate,
    kuris nustato stilių perjungikliams, kurie yra neapibrėžtoje būsenoje
  • pseudoklasas :optional,
    kuris nustato stilių įvesties laukui, kuris neturi required atributo
  • pseudoklasas :required,
    kuris nustato stilių įvesties laukui, kuriam nustatytas required atributas
  • pseudoklasas :focus-within,
    kuris nustato stilių elementams fokuse
  • savybė caret-color,
    kuri nustato teksto žymeklio spalvą įvesties lauke