如何创建标签可见的图像单选按钮

<label for="option1">
  <input type="radio" id="option1" name="options">
  <img src="path/to/image1.jpg" alt="Option 1">
</label>

<label for="option2">
  <input type="radio" id="option2" name="options">
  <img src="path/to/image2.jpg" alt="Option 2">
</label>

<label for="option3">
  <input type="radio" id="option3" name="options">
  <img src="path/to/image3.jpg" alt="Option 3">
</label>

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

label {
  display: inline-block;
  cursor: pointer;
}

label img {
  width: 100px; /* 设置图像的宽度 */
  height: 100px; /* 设置图像的高度 */
  border: 2px solid transparent; /* 设置图像的边框样式 */
}

input[type="radio"]:checked + img {
  border-color: blue; /* 设置选中图像的边框颜色 */
}