Tag Archives: advance

This post will demonstrate how to create custom check boxes and radio buttons using only CSS. No Javascript will be used in this demostration. Demo: Download Source files: rar | zip HTML: <p><input type=”checkbox” class=”checkbox” id=”check01″/><label for=”check01″>Checkbox</label></p> <p><input type=”checkbox” class=”checkbox” id=”check02″/><label for=”check02″>Checkbox2</label></p> <p><input type=”radio” value=”male” id=”male” name=”gender” /> <label for=”male”>Male</label></p> <p><input type=”radio” value=”Female” id=”female” name=”gender” /> <label for=”female”>Female</label></p> <!– DISABLED –> <p><input type=”checkbox” value=”male” disabled /> <label> disabled </label></p> <p><input type=”radio” value=”24″ name=”age” disabled /> <label> disabled</label></p> <!– CHECKED DISABLED … Continue reading →