Memodifikasi Tulisan Yang Ada Pada Checkbox Menggunakan CSS3

Hallo teman-teman DUMET School, pada tutorial kali ini saya akan mengajarkan bagaimana caranya memodifikasi tulisan yang ada di samping pilihan checkbox menggunakan CSS3. Maksud memodifikasi tulisan di samping checkbox adalah ketika pengunjung atau user memilih atau mencentang salah satu pilihan yang ada di checkbox maka tulisan yang ada di samping checkbox tersebut akan terseleksi atau terpilih juga, cara ini di lakukan  hanya untuk menambahkan indikasi lain selain bentuk tanda centang kecil di dalam kotak centang dari bawaan checkbox nya tersebut. Nah untuk membuatnya sangat mudah sekali, seperti yang kita ketahui di CSS ada satu unsur yang dapat membuat 2 elemen berdampingan menjadi saling terikat, unsur tersebut adalah tanda +, kita akan menggunakannya untuk menargetkan tag label yang ada di samping checkbox tersebut. Oke dari pada kalian tambah bingung dengan apa yang saya jelaskan di atas, kita akan coba langsung mempraktekannya saja ya teman-teman.

Pertama kalian bisa buat struktur HTML nya seperti gambar di bawah ini.

Kemudian pada CSS nya kalian bisa buat seperti gambar di bawah ini.

Maka hasilnya akan seperti berikut ini :

See the Pen RPRXyy by Dumet_School (@dumet_school) on CodePen.