你可以将图片设置为label s，如果你将label元素直接放在input元素之后，你就可以设置它的样式，比如边框。

input[type="radio"] {
  display: none
}

input[type="radio"]:checked + label {
  border: 2px solid black;
}

label {
  display: inline-block;
  width: 30px;
  height: 20px;
  
  /* ignore this, just in lieu of images */
  text-align: center;
  line-height: 20px;
}

<span>
  <input id="img1" name="example" type="radio" checked/>
  <label for="img1">A</label>
</span>
<span>
  <input id="img2" name="example" type="radio"/>
  <label for="img2">B</label>
</span>
<span>
  <input id="img3" name="example" type="radio"/>
  <label for="img3">C</label>
</span>