Radio button without circle code example

Example: hide radio button circle

<style>
.opacity {
	position: absolute;
	opacity: 0;
	width: 0;
}
input[type=checkbox]+label {
	font-weight: normal;
}
input[type=checkbox]:checked+label {
	font-weight: bold;
}
input[type=checkbox]:focus+label {
	border: 1px dotted #000;
}
</style>

<input class="opacity" type="checkbox" id="checkbox1">
<label for="checkbox1">Checkbox 1check</label>
<br />
<input class="opacity" type="checkbox" id="checkbox2">
<label for="checkbox2">Checkbox 2check</label>

Tags:

Misc Example