JSFiddle - React, Tailwind, and code Playground

by George Karakostas

HTML

<body>
    <div class="form-item form-type-radio form-item-field-lines-und">
        <label class="option" for="edit-field-lines-und-3">
            <input type="radio" id="edit-field-lines-und-3" name="field_lines[und]" value="3" class="form-radio">
            <img src="http://placehold.it/40x40/35d/fff&text=f">
        </label>
    </div>
</body>

CSS

label > input{ /* HIDE RADIO */
  display:none;
}
label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}
label > input:checked + img{ /* (CHECKED) IMAGE STYLES */
  border:2px solid #f00;
}