Cara Merubah Warna Placeholder Dengan CSS

Cara Merubah Warna Placeholder Dengan CSS - Placeholder merupakan salah satu fitur dalam HTML untuk tag input. Placeholder sudah dipakai di kebanyakan website.
Placeholder sendiri merupakan fitur pada HTML 5 untuk memberi penamaan pada input form, letaknya berada di dalam kotak input. Dan sama sekali tidak menggangu isi dari input itu sendiri. Dengan placeholder kita dapat membuat form kita lebih informatif.
Secara default, warna teks pada placeholder akan mengikuti warna pada body, nah untuk mengatasinya kita dapat mengaturnya di css. Dan berikut caranya.

Masukan Placeholder Di Tag Input

Sebelum mengganti warna placeholder, pastikan sudah ada placeholder di tag input, dan beri juga class pada tag inputnya.

<input type="text" name="nama" class="input" placeholder="Teks Placeholder">

Hasilnya

Atur Warna Placeholder Di CSS

Setelah mengaturnya, saatnya mengatur warna placeholder di CSS, berikut syntaxnya.

.input::-webkit-input-placeholder {

color: red;

}

Hasilnya

Itulah tutorial singkat mengganti warna placeholder pada css semoga bermanfaat.
Sekian postingan saya yang berjudul Cara Merubah Warna Placeholder Dengan CSS.
Jangan lupa baca postingan saya sebelumnya Mengenal Macam Macam Property Background Pada CSS.