Bagaimana merubah warna placeholder

Belajar cara menggunakan CSS untuk merubah warna atribut placeholder.

Coba sendiri

Bagaimana merubah warna placeholder

Langkah pertama - Tambahkan HTML:

Gunakan elemen input dan tambahkan placeholder Atribut:

<input type="text" placeholder="Tekst placeholder merah...">

Langkah kedua - Tambahkan CSS:

di sebagian besar peramban, teks placeholder adalah abu-abu. Untuk mengubah pengaturan ini, gunakan ::placeholder penyettingan pemilihan pengecualian untuk gaya placeholder.

Perhatikan, Firefox menambahkan kecerahan yang rendah untuk placeholder, sehingga kami menggunakan kecerahan: 1 untuk menyelesaikan masalah ini.

::placeholder {
  warna: merah;
  kecerahan: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
  warna: merah;
{}

Coba sendiri

Halaman yang berhubungan

Referensi:Pemilih ::placeholder CSS