Html 隐藏单选按钮，同时保留其功能

我在SO和Google上搜索，没有找到任何相关信息。是否有任何方法可以隐藏图像（用作标签）旁边的单选按钮，但在单击标签时仍保留其功能

---

我尝试过几种方法，但似乎使用

显示：无

或

可见性：隐藏

会使收音机功能无效。

只需使用另一个颜色与背景匹配的div将其覆盖即可。这将隐藏单选按钮，但您的单选按钮仍会在单击其标签时起作用。希望对你有帮助

我尝试过几种方法，但似乎使用display:none或visibility:hidden会使无线电功能变得无用

但它是有效的。可能您没有为属性设置

：

<input id=radio1 name=testradios type=radio><label for=radio1>radio1</label>
<br>
<input id=radio2 name=testradios type=radio><label for=radio2>radio2</label>

#radio1 {
    display: none;
}

隐藏单选按钮，但标签仍可单击，并检查其单选按钮


document.getElementById（'myId'）.addEventListener（'click'，function（）{
警报（此项已选中）；
})
标签{
显示：内联块；
}
标签：之前{
内容：''；
背景：url（'http://placehold.it/350x150")不重复;；
宽度：30px；
高度：30px；
显示：内联块；
}
输入{
显示：无；
}
在角度上，
显示：无
或
可见性：隐藏
对我不起作用。
相反，我使用了：

input[type=radio] {
  opacity: 0;
}

或者你也可以不用单选按钮工作。如果您只需要标签，单击这些标签可以执行所需的操作，那么直接使用div而不是单选按钮，并为这些div设置onclick操作。这也是我能想到的唯一解决方案。除非我得到更好的答复，否则我将接受你的答复。非常感谢。我需要它们在OpenCart的product.tpl中。似乎最简单的选择仍然是用图像覆盖它们…我的意思是这些图像是动态生成的，我会在注释中比在主要答案中花费更多的时间来制定解决方案。从这两个选项中，我选择第一个->开发时间越短，截止日期越短。工作量太大。使用
位置：固定；不透明度：0在帖子里。“使用display:none或visibility:hidden使无线电功能无用”，这真是奇怪。我只在Inspect元素上试过，必须在文件中试过，我会让你知道的。谢谢@MateiPanchios在Firefox和Chrome（Chrome）中，当您单击单选按钮时，检查选项卡不会更新以显示选中的项目
input[type=radio] {
  opacity: 0;
}