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.

20 Mei 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat