Pseudoklasas required

Pseudoklasas required nustato stilių įvesties laukui, kuris turi required atributą, t.y. šis pseudoklasas taikomas privalomiems užpildyti įvesties laukams.

Sintaksė

cssselektorius:required {}

Pavyzdys

Privalomam užpildyti įvesties laukui nustatykime šviesiai mėlyną fono spalvą:

html<form>
  <p>
    <label>Įveskite skaičių</label>
    <input type="number" required>
  </p>
  <p>
    <label>Įveskite tekstą</label>
    <input type="text">
  </p>
</form>
cssinput:required {
  background-color: #C2DDFD;
}

Результат:

Taip pat žiūrėkite

  • pseudoklasas :optional,
    kuris nustato stilių įvesties laukui, kuris neturi required atributo
  • pseudoklasas :default,
    kuris nustato stilių numatytiesiems elementams
  • pseudoklasas :indeterminate,
    kuris nustato stilių perjungikliams, kurie yra neapibrėžtoje būsenoje
  • pseudoklasas :read-only,
    kuris nustato stilių įvesties laukams, nepasiekiamiems keisti
  • pseudoklasas :read-write,
    kuris nustato stilių įvesties laukams, pasiekiamiems keisti