CSS/Selektoren/placeholder-shown
Aus SELFHTML-Wiki
CSS | Selektoren
Der :placeholder-shown-Selektor kennzeichnet, wie Elemente formatiert werden, die gerade einen Platzhalter anzeigen.
- Syntax
:placeholder-shown
Beispiel
:placeholder-shown {
background-color: #ffebe6;
border-color: #c82f04;
border-right-width: medium;
}
Input-Elemente, die gerade einen Platzhalter anzeigen, werden in einer anderen Farbe und mit einem breiteren Rahmen auf der rechten Seite angezeigt.
Siehe auch
Weblinks
- W3C: The Placeholder-shown Pseudo-class: :placeholder-shown Selectors Level 4
- MDN: :placeholder-shown
- Browser-Support: caniuse.com
CSS-Selektoren
- dynamische Pseudoklassen
- :active
- :any-link
- :autofill
- :buffering
- :checked
- :default
- :defined
- :disabled
- :enabled
- :focus
- :focus-visible
- :focus-within
- :fullscreen
- :has()
- :hover
- :in-range
- :indeterminate
- :invalid
- :is()
- :lang()
- :link
- :modal
- :muted
- :not()
- :open
- :optional
- :out-of-range
- :picture-in-picture
- :placeholder-shown
- :popover-open
- :read-only
- :read-write
- :required
- :target
- :target-current
- :user-invalid
- :user-valid
- :valid
- :visited
- :where()
- einfache Selektoren
- Kombinatoren
- Pseudoelemente
- strukturelle Pseudoklassen
Beispiel
ansehen …
:placeholder-shown {
background-color: #ffebe6;
border-color: #c32e04;
border-right-width: 5px;
}
Input-Elemente, die gerade einen Platzhalter anzeigen, werden in einer anderen Farbe und mit einem breiteren Rahmen auf der rechten Seite angezeigt. }}}}