Bagaimana merubah warna placeholder
- Halaman sebelumnya Garis pinggir konten yang dapat diedit
- Halaman berikutnya Nonaktifkan penyesuaian ukuran area teks
Belajar cara menggunakan CSS untuk merubah warna atribut placeholder.
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; {}
Halaman yang berhubungan
Referensi:Pemilih ::placeholder CSS
- Halaman sebelumnya Garis pinggir konten yang dapat diedit
- Halaman berikutnya Nonaktifkan penyesuaian ukuran area teks