CSS ::placeholder pseudoelement

Definition och användning

CSS ::placeholder Pseudoelement används för att ställa in <input> eller <textarea> Stil för placeholders på element.

Placeholder-text ställs in genom placeholder-egenskapen, som beskriver ledtråden för fältets förväntade värde.

Tips:I de flesta webbläsare är standardfärgen för placeholder-text ljusgrå.

Exempel

Ändra färgen och transparensen för placeholder-text i inmatningsfältet:

input::placeholder {
  color: red;
  opacity: 0.5;
}

Prova själv

CSS-syntax

::placeholder {
  css-uttryck;
}

Tekniska detaljer

Webbläsarstöd

Talen i tabellen anger den första webbläsarversion som fullständigt stöder denna pseudoelement.

relaterade sidor

CSS-referens::placeholder-shown pseudoklass