Pseudoklasa CSS :placeholder-shown

Definicja i użycie

CSS :placeholder-shown Pseudoklasa używana do wyboru i ustawiania stylu dla dowolnego elementu <input> lub <textarea> stylu elementu.

Wskazówka:Można również użyć ::placeholder Pseudoelementy do ustawiania stylu tekstu占位符.

Przykład

Wybierz i ustaw styl dla dowolnego elementu <input>, który wyświetla tekst占位符:

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

Spróbuj sam

Gramatyka CSS

:placeholder-shown {
  deklaracje css;
}

Szczegóły techniczne

Wersja: CSS4

Wsparcie przeglądarek

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

Chrome Edge Firefox Safari Opera
47 79 59 9 34

Powiązane strony

Odniesienie:Pseudoelement ::placeholder w CSS