CSS :placeholder-shown-pseudoklass

Definition och användning

CSS :placeholder-shown Pseudoklassen används för att välja och ställa in stilen för någon <input> eller <textarea> elementets stil.

Tips:Man kan också använda ::placeholder Pseudoelement för att ställa in stilen för platsvariabeltexten.

Exempel

Välj och ställ in stilen för någon <input>-element som visar nuvarande platsvariabeltext:

input:placeholder-shown {
  background-color: beige;
  border: 2px solid maroon;
  border-radius: 5px;
  font-style: italic;
}

Prova själv

CSS-syntax

:placeholder-shown {
  css deklarationer;
}

Tekniska detaljer

Version: CSS4

Webbläsarstöd

Tal i tabellen specificerar den första webbläsarversionen som fullständigt stöder denna pseudoklass.

Chrome Edge Firefox Safari Opera
47 79 59 9 34

Relaterade sidor

Referens:CSS ::placeholder pseudoelement