你好,我在表单中有一个按钮
<tr>
<td class="style2">
gender
</td>
<td>
<input id="male" type="radio" checked="checked"/>m
<input id="female" type=radio />f
</td>
</tr>
我想像这样给单选按钮添加边框:
$("document").ready(function(){
$("form :input").css("border", "3px solid red");
$("form :radio").css("border", "3px solid red");
});
它不起作用,单选按钮不在边框中
最佳答案
http://css-tricks.com/snippets/css/custom-radio-buttons/
这是一篇关于如何自定义单选按钮的解决方法的文章。仅使用纯 CSS 无法真正实现您想要的效果。
您将必须创建一个图像(选中和未选中状态)并使用上面的代码来创建您的自定义单选按钮
还有另一种方法:
http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/
编辑
如果您希望边框是方形边框,而不是圆形按钮周围的边框,请参阅下面 Nathan Byers 的回答。
关于javascript - jquery 表单选择器单选按钮和复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20360847/