取消选中单选按钮图像

Question

我的收音机和图像用标签包裹起来，并且单选按钮被隐藏了

<label class="col-4 center" style="width: auto;">
  <input type="radio" value="${suboption_row.value}">
  <img align="center" class="rounded-circle" src="${suboption_row.imageURL}" alt="image"  style="height:115px;">
  <h5 align="center">${suboption_row.suboption_name}</h5>
</label>

然后单击单选按钮，标签将突出显示

[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
  outline: 3px solid #10F608;
}

是否可以删除未选中的单选按钮的突出显示或边框？

Answer 1

您可以尝试这个