CSS/Selektoren/default

Browserunterstützung
caniuse.com

Der :default-Pseudoklassen-Selektor wählt Formularelemente aus, die in einer Gruppe verwandter Elemente als Standard festgelegt sind.

Syntax

:default {}

anwendbar auf

* buttons vom type="submit", die ein Formular absenden

Beispiel

label,
input[type="submit"] {
  display: block;
  margin-top: 1em;
}

input:default {
  border: none;
  outline: 2px solid hotpink;
}

Der Submit-Button erhält eine rosa outline.

Siehe auch

CSS-Selektoren

dynamische Pseudoklassen
- :active
- :any-link
- :autofill
- :buffering
- :checked
- :default
- :defined
- :disabled
- :enabled
- :focus
- :focus-visible
- :focus-within
- :future
- :has()
- :hover
- :in-range
- :indeterminate
- :invalid
- :is() (war: matches())
- :lang()
- :link
- :muted
- :not()
- :open
- :optional
- :out-of-range
- :picture-in-picture
- :placeholder-shown
- :popover-open
- :target
- :target-current
- :user-invalid
- :user-valid
- :valid
- :visited
- :where()
einfache Selektoren
Kombinatoren
Pseudoelemente
strukturelle Pseudoklassen