Halo, ketemu lagi nih dengan saya, pada artikel kali ini saya akan menjelaskan bagaimana caranya membuat checkbox tetapi dengan memberikan warna pada checkbox yang dipilih, Nah biasa nya ketika kita membuat sebuah checkbox kita hanya dikasih tanda ceklis atau centang, nah kali ini saya akan membuat tanda lagi biar lebih jelas intinya :D, baiklah langsung saja ikuti langkah nya berikut ini.
1. Silahkan buka teks editor nya masing-masing, kemudian coba ketikan kode berikut:
|
1 2 3 4 5 6 7 8 |
<input id="checkbox1" type="checkbox" /> <label for="checkbox1">Check box label here</label> <br /> <input id="checkbox2" type="checkbox" checked/> <label for=checkbox2">Check box label here</label> <br /> <input id="checkbox3" type="checkbox" /> <label for="checkbox3">Check box label here</label> |
2. Selanjutnya coba ketikan kode CSS berikut:
|
1 2 3 |
input:checked + label{ background: yellow; } |
3. Setelah itu coba jalankan di browsernya masing-masin dan lihat hasilnya. Mudah sekali bukan ?
Sampai disini artikel mengenai Cara Memberikan Warna Pada Checkbox, semoga bermanfaat sampai ketemu dilain kesempatan.
Selamat Mencoba 🙂