Pseudo-class :placeholder-shown CSS

Definisi dan penggunaan

CSS :placeholder-shown pseudo-class digunakan untuk memilih dan atur gaya teks placeholder untuk setiap <input> atau <textarea> gaya elemen.

Peringatan:Dapat digunakan ::placeholder pseudo-element untuk atur gaya teks placeholder.

Contoh

Pilih dan atur gaya teks untuk setiap <input> yang menampilkan teks placeholder yang saat ini ditampilkan:

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

Coba sendiri

Sintaks CSS

:placeholder-shown {
  pernyataan css;
}

Detil teknis

Versi: CSS4

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung pseudo-class ini.

Chrome Edge Firefox Safari Opera
47 79 59 9 34

Hal yang berhubungan

Referensi:Pseudo-element ::placeholder CSS