Html 图像而不是单选按钮

我可能犯了一个小错误，但我试着按照之前提出的问题的答案来回答这个问题

我正试图用图像替换我的单选按钮。图像显示得非常完美，我可以单击图像选择单选按钮。但是标记不会隐藏我的单选按钮。当我在HTML代码中硬编码它时，它会这样做，但是。。。我们不要去那里

.放射性镁{ 显示：内联； 宽度：30%； } .mg输入[类型=收音机]{ 位置：绝对位置； 不透明度：0； 宽度：0； 身高：0； } /*图像样式*/ .无线电输入[类型=无线电]+img{ 光标：指针； } /*格子样式*/ .无线电输入[类型=无线电]：选中+img{ 外形：2px实心f00； } 您想要什么类型的系统？ 下一个

---

奇怪的是，当我试图用你的代码复制你的问题时，我没有遇到同样的问题。我认为你有一些额外的CSS影响你的HTML

.放射性镁{ 显示：内联； 宽度：30%； } .mg输入[类型=收音机]{ 位置：绝对位置； 不透明度：0； 宽度：0； 身高：0； } /*图像样式*/ .无线电输入[类型=无线电]+img{ 光标：指针； } /*格子样式*/ .无线电输入[类型=无线电]：选中+img{ 外形：2px实心f00； } 您想要什么类型的系统？ 下一个

---

显然，每次更改/static/…的标记时，我都应该清除缓存。。。文件。

这就是你要找的

/*隐藏收音机*/ [类型=无线电]{ 位置：绝对位置； 不透明度：0； 宽度：0； 身高：0； } /*图像样式*/ [类型=收音机]+img{ 光标：指针； } /*格子样式*/ [类型=无线电]：选中+img{ 外形：2倍纯红； }

---

你的代码对我来说非常好。尝试使用浏览器的控制台查找覆盖您的预期样式的内容。发布的CSS行是我的标记文件的最后一行。它不应该覆盖任何可能的碰撞吗？或者标记文件不是这样工作的？幸运的是不是。通过在图元上单击鼠标右键并选择“检查图元”，可以使用浏览器进行检查。在应该显示的开发者窗口中，您可以检查CSS文件的哪些行应用于特定元素。是的，我试过了。前面的代码也起作用。这只是缓存的问题。当我清空我的浏览器缓存时，问题消失了。很高兴看到你的问题由你自己作为一个最好的老师解决了。干杯