我希望有一个单选按钮输入,但不是单纯的圆圈,我更喜欢另一个 html 元素(包括结构)来说明选择。我认为这可能适用于appearance
样式,但它不起作用(可能是因为input[radio]
可能不包含其他元素。
有没有什么方法可以设置一个 input radio的样式,所以它会显示另一个 HTMLElement 而不是它的圆圈?
为什么不只留下单选按钮,而是使用标签标签使整个图像可点击?
你可能想看看Uniform。它是一种对表单元素进行完全设计控制的好方法。事实上,它确实需要 JavaScript,但如果默认情况下未启用它,Uniform 会优雅地降级,提供标准表单功能。
一些浏览器允许你覆盖设置,但你将不得不做一些超级 CSS 技巧来让它工作。
是一个很好的网站,它描述了如何做你正在谈论的事情。他们使用精灵表和特定于浏览器的外观样式来根据状态更改框的外观。