CSS ::placeholder pseudoelement

Definicja i użycie

CSS ::placeholder Pseudoelementy są używane do ustawiania <input> lub <textarea> Styl tekstu占位符 elementu.

Tekst占位符 jest ustawiany za pomocą atrybutu placeholder, który opisuje wskazówkę dla oczekiwanej wartości pola.

Wskazówka:W większości przeglądarek domyślnym kolorem tekstu占位符jest jasnoszary.

Przykład

Zmień kolor i przezroczystość tekstu占位符w polu wejściowym:

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

Spróbuj sam

CSS składnia

::placeholder {
  deklaracje css;
}

Techniczne szczegóły

Wersja: Moduł Pseudo-elementów CSS Poziom 4

Wsparcie przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten pseudoelement.

Chrome Edge Firefox Safari Opera
57 79 51 10.1 44

powiązane strony

CSS odniesienie::placeholder-shown pseudoklasa