<form>
  <input type="radio" name="sex">男性
  <input type="radio" name="sex">女性
</form>
<form>
  <input type="checkbox" name="course">Aコース
  <input type="checkbox" name="course">Bコース
  <input type="checkbox" name="course">Cコース
  <input type="checkbox" name="course">Dコース
</form>
input:checked {
  box-shadow: 0 0 0 4px #ff0000;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.