Pseidoklase optional

Pseidoklase optional nosaka stilu ievades laukam, kuram nav iestatīts atribūts required, t.i., šī pseidoklase tiek piemērota neobligātiem ievades laukiem.

Sintakse

cssselektors:optional {

}

Piemērs

Uzstādīsim neobligātam ievades laukam pelēku fona krāsu:

html<form>
  <p>
    <label>Ievadiet numuru</label>
    <input type="number" required>
  </p>
  <p>
    <label>Ievadiet tekstu</label>
    <input type="text">
  </p>
</form>
cssinput:optional {
  background-color: #D8DFE8;
}

Результат:

Skatiet arī

  • pseidoklase :default,
    kas nosaka noklusējuma stilus elementiem
  • pseidoklase :indeterminate,
    kas nosaka stilu slēdžiem, kas atrodas nenoteiktā stāvoklī
  • pseidoklase :placeholder-shown,
    kas nosaka stilu elementiem, kad tiek rādīts padoma teksts
  • pseidoklase :read-only,
    kas nosaka stilu ievades laukiem, kas nav pieejami labošanai
  • pseidoklase :required,
    kas nosaka stilu ievades laukam, kuram ir iestatīts required atribūts
  • pseidoklase :focus-within,
    kas nosaka stilu elementiem fokusā
  • īpašība caret-color,
    kas nosaka teksta kursora krāsu ievades laukā