radio check mark color
This is the best solution ever. input[type='radio'] { accent-color: #232323; }
radio button with tick mark
div.options > label > input { visibility: hidden; } div.options > label { display: block; margin: 0 0 0 -10px; padding: 0 0 20px 0; height: 20px; width: 150px; border-radius: 50px } div.options > label > img { display: inline-block; padding: 0px; height:30px; width:30px; background: none; } div.options > label > input:checked +img { background: url(http://cdn1.iconfinder.com/data/icons/onebit/PNG/onebit_34.png); background-repeat: no-repeat; background-position:center center; background-size:30px 30px; }
Source: stackoverflow.com