html - 多个单选按钮转换为带有 css 的单选按钮?

标签 html css radio-button

我要点击 radio 后,
单选背景色为黄色放背景标签,用css不用js。
怎么样?

我自己的例子:http://jsfiddle.net/DVJmS/6/
用户界面示例:http://jqueryui.com/demos/button/radio.html -> 我不想使用插件,这只是一个例子。

最佳答案

Volia

你需要做的是:

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

最后一个所做的是说如果我的 sibling 在我之前被检查然后让我有 #f00 的背景.只需更改对齐方式和颜色以适合您的网站。

此外,您应该永远不要为两个元素提供相同的 ID。如果您希望能够一次选择两个元素总是使用类。

关于html - 多个单选按钮转换为带有 css 的单选按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7003960/

相关文章:

javascript - 光标位于右侧而不是左侧

html - 图像上的输入框

html - 如何在保持图像纵横比的同时增加图像高度

html - 如何垂直对齐单选按钮?

javascript - 带有错误行为的单选按钮的 jQuery 测验

html里面的php代码被注释掉了

javascript - 是否可以在两个不同的 Iframe 之间复制鼠标和键盘事件?

html - 使用 CSS 为行着色

php - 如何动态地为星级评分中的星星着色?

javascript - Twitter Bootstrap Radio Toggle - 适用于除 IE9 之外的所有浏览器