javascript - jquery 表单选择器单选按钮和复选框

Question

你好，我在表单中有一个按钮

<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");
});

它不起作用，单选按钮不在边框中

Answer 1

http://css-tricks.com/snippets/css/custom-radio-buttons/

这是一篇关于如何自定义单选按钮的解决方法的文章。仅使用纯 CSS 无法真正实现您想要的效果。

您将必须创建一个图像(选中和未选中状态)并使用上面的代码来创建您的自定义单选按钮

还有另一种方法:

http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

编辑

如果您希望边框是方形边框，而不是圆形按钮周围的边框，请参阅下面 Nathan Byers 的回答。