Pseudoklassen optional

Pseudoklassen optional definerer stilen for et input, hvor attributten required ikke er angivet, dvs. denne pseudoklasse anvendes på frivillige inputs.

Syntaks

cssselektor:optional {

}

Eksempel

Lad os give det frivillige input en grå baggrund:

html<form>
  <p>
    <label>Indtast nummer</label>
    <input type="number" required>
  </p>
  <p>
    <label>Indtast tekst</label>
    <input type="text">
  </p>
</form>

cssinput:optional {
  background-color: #D8DFE8;
}

Результат:

Se også

pseudoklassen :default,
som definerer stilen for standardelementer
pseudoklassen :indeterminate,
som definerer stilen for skifteknapper, der er i en ubestemt tilstand
pseudoklassen :placeholder-shown,
som definerer stilen for elementer, når pladsholderteksten vises
pseudoklassen :read-only,
som definerer stilen for inputs, der ikke kan ændres
pseudoklassen :required,
som definerer stilen for et input, hvor required-attributten er angivet
pseudoklassen :focus-within,
som definerer stilen for elementer i fokus
egenskaben caret-color,
som definerer farven på tekstmarkøren i et input