Html 单选按钮可见性隐藏时选定图像周围的边框

这是来自WordPress后端（Meta）的代码→

我在上面做的是隐藏单选按钮，因为我想使选择看起来像来自所选图像，但我如何在所选图像周围创建边框？

---

如果允许使用JS，那么在小JS和CSS的帮助下，只要html结构中有限制，就可以实现它

CSS:

JS:

---

参考：

如果允许使用JS，那么在little JS和CSS的帮助下，只要html结构中有限制，就可以实现它

CSS:

JS:

---

参考：

您可以使用同级选择器来实现：

.cmb2-option:checked ~ label {
   border: 2px solid whitesmoke;
}

---

您可以使用同级选择器来实现：

.cmb2-option:checked ~ label {
   border: 2px solid whitesmoke;
}

---

你能不能制作codpen或jsfiddle，以便我们在查看和解决它的同时，你可以为img或liCan提供边界你可以制作codpen或jsfiddle，以便我们在查看和解决它的同时，你可以为img或liCan提供边界你可以指导我A-Z；我的意思是，from将单选按钮隐藏到图像边框？HTML甚至不能稍微更改（来自WP）。你能使它与实际发布的HTML/类完全一致吗？我在问题中明确地发布了这一点→这实际上来自Wordpress的核心，因此我们几乎没有改变实际HTML的余地；我的意思是，from将单选按钮隐藏到图像边框？HTML甚至不能稍微更改（来自WP）。你能使它与实际发布的HTML/类完全一致吗？我在问题中明确地发布了这一点→这实际上来自Wordpress的核心，因此我们几乎没有改变实际HTML的余地。

 .cmb2-option:checked ~ label {
    border: 1px solid black;
  }

  .cmb2-list {
    position: relative;
    overflow: hidden;
  }

  .cmb2-list input {
    position: absolute;
    left: -999px;
  }

$(document).ready(function() {
  $(document).on("click", ".cmb2-radio-list", function() {
    $(this).find("input").trigger('click');
  });
});

.cmb2-option:checked ~ label {
   border: 2px solid whitesmoke;
}