CSS :: selektor zastępczy
Przykład
Zmień kolor tekstu zastępczego pola wejściowego:
::-webkit-input-placeholder
{ /* Edge */
color: red;
}
:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
color: red;
}
::placeholder
{
color: red;
}
Definicja i użycie
Selektor ::placeholder
wybiera elementy formularza z tekstem zastępczym i umożliwia stylizowanie tekstu zastępczego.
Tekst zastępczy jest ustawiany za pomocą atrybutu placeholder, który określa wskazówkę opisującą oczekiwaną wartość pola wejściowego.
Porada: W większości przeglądarek domyślny kolor tekstu zastępczego jest jasnoszary.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje selektor.
Liczby, po których następuje -webkit-, -moz- lub -ms- określają pierwszą wersję, która działała z prefiksem.
Selector | |||||
---|---|---|---|---|---|
::placeholder | 57.0 4.0 -webkit- |
12.0 -webkit- 10.0 -ms- |
51.0 4.0 -moz- |
10.1 5.0 -webkit- |
44.0 15.0 -webkit- |
Składnia CSS
::placeholder {
css declarations;
}