css - 单选按钮样式

Question

我想用纯 CSS 来设计单选按钮的样式，没有类或 ID。只需输入[type=radio]。我想为未选中和选中使用背景图像。但是，-vendor-appearance:none;不适用于 Trident 或 Gecko。只是 Webkit。在这些浏览器中，您可以看到背景图像作为单选按钮的背景，但按钮仍然存在，而不仅仅是显示图像，我怎样才能摆脱按钮，以便只显示背景图像。 fiddle :http://jsfiddle.net/7kScn/

Answer 1

您可以使用 CSS2 选择器技巧连接到单选组并在之后立即显示其他内容。

参见:http://jsfiddle.net/7kScn/1/

这只是一个基本示例，但它的运行前提是隐藏输入字段，然后在它之后立即设置标签的样式，使其看起来就是您正在检查的实际内容。