添加广播背景

Question

css文件：

.radio {
  background: url(images/radio-off.png) no-repeat;
  height: 21px;
  width: 21px;
}

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/