选项为HTMLElement

Question

我希望有一个单选按钮输入但不是单纯的圆圈我更喜欢另一个html元素（包括结构）来说明选择。我认为这可能适用于appearance样式，但它不起作用（可能是因为input[radio]可能不包含其他元素。

有没有设计输入无线电的方法，所以它显示另一个HTMLElement而不是它的圆圈？

Answer 1

为什么不把它们留下单选按钮，而是用标签标签点击整个图像？     

Answer 2

您可能需要查看Uniform。它是对表单元素进行完整设计控制的一种简单方便的方法。实际上它确实需要JavaScript，但如果默认情况下未启用，则Uniform会优雅地降级，提供标准表单功能。

Answer 3

某些浏览器允许您覆盖设置，但是您必须执行一些超级CSS技巧才能使其工作。

http://acidmartin.wordpress.com/2009/07/17/using-css-to-style-radiobuttons-and-checkboxes-for-safari-and-chrome/

是一个很好的网站，描述了如何做你正在谈论的事情。他们使用精灵表和浏览器特定的外观样式来改变依赖于状态的框的外观。