我想用纯 CSS 设置单选按钮的样式，没有类或 ID。只需输入[type=radio]。我想为未选择和选择使用背景图像。但是，-vendor-appearance:none; 不适用于 Trident 或 Gecko。只是 Webkit。在这些浏览器中，您可以将背景图像视为单选按钮的背景，但按钮仍然存在，而不仅仅是显示图像，我怎样才能摆脱按钮，只显示背景图像。小提琴：http: //jsfiddle.net/7kScn/
问问题
14256 次
3 回答
8
您可以使用 CSS2 选择器技巧连接到无线电组并在之后立即显示其他内容。
见：http: //jsfiddle.net/7kScn/1/
这只是一个基本示例，但它的操作前提是隐藏输入字段，然后在其后立即设置标签的样式，使其看起来是您正在检查的实际内容。
于 2011-12-16T01:43:18.533 回答
1
这个有用吗？输入[type=radio]:checked { 边框：1px 纯黑色；}
于 2011-12-16T03:33:14.713 回答
0
我写了一篇关于如何仅使用 CSS 自定义复选框和单选框的教程，以及通过设置标签样式并使用它:before和:after伪类来创建开/关开关。也许这有帮助:) 在这里阅读：http: //blog.felixhagspiel.de/index.php/posts/custom-inputs
于 2015-01-19T11:03:10.313 回答