<h3>Menghilangkan Checkbox dan Menyisakan Elemen Label</h3> <input type="checkbox" id="check-1"><label for="check-1">Tombol 1</label><br> <input type="checkbox" id="check-2"><label for="check-2">Tombol 2</label><br> <input type="checkbox" id="check-3"><label for="check-3">Tombol 3</label><br><br> <button>Hahahaa!!!</button>
body { padding:50px; } label { cursor:pointer; display:inline-block; background-color:cyan; padding:2px 5px; margin:0 0 2px; } label:hover { text-decoration:underline; } input[type="checkbox"]:checked + label { background-color:pink; } input[type="checkbox"]:checked ~ button { font-weight:bold; font-size:20px; } /* Sembunyikan checkbox */ input[type="checkbox"] {display:none;}