Pseudoelement CSS ::placeholder reprezentuje tekst pomocniczy w elemencie input
lub textarea
, czyli treść podaną w atrybucie placeholder
tych elementów.
Standardowo w większości przeglądarek ten tekst ma jasnoszary kolor i nie jest pogrubiony. Za pomocą pseudoelementu ::placeholder
można zmienić niektóre ustawienia tego tekstu.
Dozwolone własności ::placeholder
Pseudoelement ::placeholder
obsługuje te same własności CSS, co pseudoelement ::first-line
, czyli:
- Własności czcionki
- Własności tła
- Własności
color
, letter-spacing, line-height, text-decoration, text-decoration-color, text-decoration-line, text-decoration-style, text-shadow, text-transform, vertical-align oraz word-spacing
Przykład użycia ::placeholder
W tym przykładzie pole tekstowe będzie zawierało czerwony i pogrubiony tekst pomocniczy.
input::placeholder {
color: red;
font-weight: bold;
}
...
<input placeholder="Imię i nazwisko">
Efekt:
