单选按钮样式

Question

我想用纯CSS设置单选按钮的样式，没有类或ID。只有inputtype=radio。我想对未选中和选中的对象使用背景图像。但是，供应商外观:none；不适用于三叉树或Gecko。只是Webkit。在这些浏览器中，你可以看到背景图像作为单选按钮的背景，但是按钮仍然在那里，而不仅仅是显示图像，我如何才能摆脱按钮以便只显示背景图像。小提琴：http://jsfiddle.net/7kScn/

Answer 1

您可以使用CSS2选择器技巧连接到广播组，然后立即显示其他内容。

请参阅：http://jsfiddle.net/7kScn/1/

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

Answer 2

这有用吗？inputtype=radio:checked {边框: 1px纯黑；}

Answer 3

我写了一篇关于如何使用CSS自定义复选框和单选按钮的教程，以及如何通过设置标签的样式和使用标签的:before和:after伪类来创建开/关开关。也许这会有帮助:)在这里阅读：http://blog.felixhagspiel.de/index.php/posts/custom-inputs