我要点击 radio 后,
单选背景色为黄色放背景标签,用css不用js。
怎么样?
我自己的例子:http://jsfiddle.net/DVJmS/6/
用户界面示例:http://jqueryui.com/demos/button/radio.html -> 我不想使用插件,这只是一个例子。
最佳答案
你需要做的是:
- 包装每个
<input /><label></label>
在<div>
- 给
input[type="radio”]
0px 的宽度和高度 - 然后将此规则添加到您的 css
:checked ~ label { background: #f00; }
最后一个所做的是说如果我的 sibling 在我之前被检查然后让我有 #f00
的背景.只需更改对齐方式和颜色以适合您的网站。
此外,您应该永远不要为两个元素提供相同的 ID。如果您希望能够一次选择两个元素总是使用类。
关于html - 多个单选按钮转换为带有 css 的单选按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7003960/