无线电

Question

css文件中添加背景：

​​

HTML文件：

<input type="radio" name="sendmail" class="radio" value="send" /> 

它仍然不显示的背景下，它仍然显示 “经典” 之一。我究竟做错了什么？

谢谢。

Answer 1

你没有提到你使用的浏览器 - 这是重要的信息。

不同浏览器之间的风格单选按钮（和form元素in general）的能力差别很大。

在这里看到：http://www.456bereastreet.com/lab/form_controls/radio_buttons/

通常的解决方法是使用JavaScript和自定义元素来代替单选按钮，你可以，只要你喜欢的风格。例如：jqTransform。

Answer 2

您不能像这样设计单选按钮，因为它们是本地O/S控件。

现在无论如何，解决方案是叠加一个模仿原始收音机顶部单选按钮的元素。

检出输入增强库，如http://www.emblematiq.com/lab/niceforms/。

Answer 3

要做到这一点，最好的方法是使用Javascript来确保跨浏览器的兼容性。 您可以使用以下脚本。

http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/