![Cara Merubah Warna Placeholder Dengan CSS](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin9YFbcSoDiV-Jtt03OaiDpk6o1fZNeMVWcpKNIHWtUbWwWCqGGWru__Y6G52MGtDILR49ck13YZYANNasWfAyS_WcOJIIVkkLpQotS1Za5zAVHZD17yZrCu8aQrlhyehj4HkzW9D16Po/s640/y.png)
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
![Masukan Placeholder Di Tag Input](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJIBO5VdCLktfOMUJxV-TE5k1won_YXcmhNiJTmEYotvpDidEGh3p341b9UleVvTVQdBDm9b2ky6UXxzmSru3c6cVYRXoflRQ-5tiT25rjgEM9gXjqJLQFK0WKTlMZ3pw4GhttIWeWyak/s1600/ss5.png)
Atur Warna Placeholder Di CSS
Setelah mengaturnya, saatnya mengatur warna placeholder di CSS, berikut syntaxnya.
.input::-webkit-input-placeholder {
color: red;
}
Hasilnya
![Atur Warna Placeholder Di CSS](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMkZsEXaSc4iGJ9gETWcV9NzMzix-VlZovLowFvoAh-HcdKDgT-dFdFZQ9BiJdVNdelx7uCvD4vhAUkiqRdyJ3uvjgXXY25xjSIEI1fabvDLupIZ3IJCGJcyFD7Yj6EqS5sIEU13Y5XTM/s1600/ss4.png)
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.
Trims Bang, Infonya kebetulan Ane lg nyari script html buat form....Trims
BalasHapusSama sama bang
Hapus