-webkit-appearance:none; /* Remove default styles */
/* Add your own styles */
So I used as many of the :before and :after pseudo elements as possible and well as the Shadow DOM elements. Browser support: WebKit for now.
Credits: The Rocker switch (checkbox) is based on Mike Bernardo’s original design.
Live demo (Safari or Chrome).