单选按钮样式

Question

我想用纯CSS样式单选按钮，没有类或ID。只需输入[type = radio]。 我想使用一个背景图片来取消选中。 但是，-vendor-appearance：none;不适用于Trident或Gecko。只是Webkit。 在这些浏览器中，您可以将背景图像看作单选按钮的背景，但按钮仍然存在，而不仅仅是显示图像，我如何才能摆脱该按钮，以便只显示背景图像。小提琴：http://jsfiddle.net/7kScn/

Answer 1

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

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

这只是一个简单的例子，但它运行在隐藏的输入字段，然后紧随其后造型标签的前提下，给它，它就是你检查实际的事情的影响。

Answer 2

这是有用吗？ input [type = radio]：checked { border：1px solid black; }

Answer 3

我写了一个关于如何自定义复选框和收音机与CSS只，以及通过造型的标签和使用它的:before和:after伪类创建打开/关闭开关的教程。也许这有助于:)在这里阅读：http://blog.felixhagspiel.de/index.php/posts/custom-inputs