JSFiddle - React, Tailwind, and code Playground

by Samyoul

HTML

<input type='checkbox' name='thing' value='valuable' id="thing"/>
<label for="thing">
    <img src="https://www.google.co.uk/images/srpr/logo11w.png" />
</label>

CSS

input[type=checkbox] {
display:none;
}
 
input[type=checkbox] + label
{
border: 5px solid #999;
display:inline-block;
}
input[type=checkbox]:checked + label
{
border: 5px solid #09d;
display:inline-block;
}