JSFiddle - React, Tailwind, and code Playground

by Derek Leung

HTML

<input type="radio" name="ex"><br>
<input type="radio" name="ex"><br>
<input type="radio" name="ex">

CSS

input[type="radio"]{
    -webkit-appearance:none;
    border-radius:8px;
    border:1px solid #dbdbdb;
    width:16px;
    height:16px;
    cursor:pointer;
    margin:0 1px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2));
    vertical-align:bottom;
}

input[type="radio"]:checked{
    background-position:0px 0px;
    background-image: url('http://i.stack.imgur.com/umyik.png'), -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2));
}