JSFiddle - React, Tailwind, and code Playground

by Arturo Gallegos

HTML

<ul>
  <li><label>
    <input type="radio" name="imagenSelected">
    <img src="http://lorempixel.com/100/100/sports/" alt="imagen">
  </label></li>
  <li><label>
    <input type="radio" name="imagenSelected">
    <img src="http://lorempixel.com/100/100/city/" alt="imagen">
  </label></li>
  <li><label>
    <input type="radio" name="imagenSelected">
    <img src="http://lorempixel.com/100/100/people/" alt="imagen">
  </label></li>
</ul>

CSS

ul{list-style:none;margin:0;padding:20px;display:flex;}
input[type="radio"]{display:none;}
input[type="radio"]+img{border:3px transparent solid;cursor:pointer;}
input[type="radio"]:checked+img{border:3px #f30 solid;}