多单选按钮转换成带css的单选按钮？

Question

我想点击收音机后，
无线电选择的背景颜色是黄色放置背景标签，使用css no js。
怎么回事？

我自己的例子：http://jsfiddle.net/DVJmS/6/
ui的示例：http://jqueryui.com/demos/button/radio.html - ＆gt;我不想使用插件，这只是一个例子。

Answer 1

Volia

您需要做的是：

1. 将每个<input /><label></label>打包在<div>
中
2. 给input[type="radio”]宽度和高度为0px
3. 然后将此规则添加到您的css :checked ~ label { background: #f00; }

最后一个人所做的是说如果在我之前检查过我的兄弟姐妹，那么让我有#f00的背景。只需更改对齐方式和颜色以适合您的网站。

此外，您应该从不为两个元素提供相同的ID。如果您希望能够一次选择两个元素始终使用类。