CSS :placeholder-shown pseudo-class

Ορισμός και χρήση

CSS :placeholder-shown pseudo-class για να επιλέξετε και να ρυθμίσετε το στυλ του κειμένου του placeholder που εμφανίζεται: <input> ή <textarea> στο στυλ του στοιχείου.

Σημείωση:Μπορείτε επίσης να χρησιμοποιήσετε ::placeholder pseudo-element για να ρυθμίσετε το στυλ του κειμένου του placeholder.

Παράδειγμα

Επιλέξτε και ρυθμίστε το στυλ κειμένου του placeholder που εμφανίζεται στο τρέχον <input> στοιχείο:

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

Δοκιμάστε το προσωπικά

Γλωσσική σύνταξη του CSS

:placeholder-shown {
  declarations του css;
}

Τεχνικά λεπτομέρειες

Υποστήριξη πλοηγού

Τα αριθμήματα στη τύχη αναφέρουν την πρώτη έκδοση του πλοηγού που υποστηρίζει πλήρως το pseudoclass.

Σχετικές σελίδες

Αναφορά:CSS ::placeholder ψευδοέлемент