Pseudoklasas optional

Pseudoklasas optional nurodo stilių įvesties laukui, kuriam nenustatytas atributas required, t.y. šis pseudoklasas taikomas neprivalomiems įvesties laukams.

Sintaksė

cssselektorius:optional {

}

Pavyzdys

Suteikime neprivalomam įvesties laukui pilką foną:

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

Результат:

Žiūrėkite taip pat

  • pseudoklasas :default,
    kuris nurodo numatytųjų elementų stilių
  • pseudoklasas :indeterminate,
    kuris nurodo perjungiklių, esančių neapibrėžtoje būsenoje, stilių
  • pseudoklasas :placeholder-shown,
    kuris nurodo elementų stilių rodant užuominos tekstą
  • pseudoklasas :read-only,
    kuris nurodo įvesties laukų, nepasiekiamų keitimui, stilių
  • pseudoklasas :required,
    kuris nurodo įvesties lauko, kuriam nustatytas required atributas, stilių
  • pseudoklasas :focus-within,
    kuris nurodo elementų dėmesyje stilių
  • savybė caret-color,
    kuri nurodo teksto žymeklio spalvą įvesties lauke