JSFiddle - React, Tailwind, and code Playground

by Josh Stevens

HTML

<input class="native-hidden" type="checkbox" />

CSS

input[type="checkbox"] {
    content: url('http://www.thelemming.com/lemming/POP-CULTURE/asimo-robot_48.jpg');
    display: block;
    width: 200px;
    height: 200px;
    border: 1px solid black;
}
input[type="checkbox"]:checked {
    content: url('http://www.sstscorp.in/images/QRIO.jpg.jpg');
}
.native-hidden {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}