Minimal HTML CSS Switch

html-css-switch.html

<style>
  .switch input{
    display: none;
  }
  .switch label{
    background-color: grey;
  }
  .switch input:checked + label{
    background-color: red;
  }
</style>

<div class="switch">
  <input type="radio" name="fruits" id="apple" checked/>
  <label for="apple">Apple</label>

  <input type="radio" name="fruits" id="banana"/>
  <label for="banana">Banana</label>

  <input type="radio" name="fruits" id="orange"/>
  <label for="orange">Orange</label>
</div>