Bagaimana UNTUK - Mengubah Warna Placeholder
Pelajari cara mengubah warna atribut placeholder dengan CSS.
Warna Placeholder
Langkah 1) Tambahkan HTML:
Gunakan elemen input dan tambahkan atribut placeholder:
Contoh
<input type="text" placeholder="A red placeholder text..">
Langkah 2) Tambahkan CSS:
Di sebagian besar browser, teks placeholder berwarna abu-abu. Untuk mengubah ini, gaya placeholder dengan ::placeholder
pemilih non-standar. Perhatikan bahwa Firefox menambahkan opacity yang lebih rendah ke placeholder, jadi kami menggunakan opacity:
1 untuk memperbaikinya.
Contoh
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: red;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet
Explorer 10-11 */
color: red;
}
::-ms-input-placeholder
{ /* Microsoft Edge */
color: red;
}
Tip: Baca lebih lanjut tentang pemilih ::placeholder di Referensi CSS kami: CSS ::placeholder Property .