javascript - 如果 jquery 验证激活，如何在单选按钮中放置红色边框

Question

我的问题是，如果 jquery 验证像示例图片中那样激活，我无法使单选按钮具有红色边框。谁能帮我解决这个问题吗？

http://i38.photobucket.com/albums/e149/eloginko/gender_zps0b3bea26.png

当前输出:http://jsfiddle.net/5kcsn/47/

我试过这个但不起作用

.radio-class{
    border: solid 1px #a94442;
}

Answer 1

您不能向单选按钮添加边框，但可以使用，

input[type="radio"]:focus, input[type="radio"]:active {
    -webkit-box-shadow:inset 2px 1px 1px , 1px 1px 3px #008000;
    -moz-box-shadow:inset 2px 1px 1px #008000, 1px 1px 3px #008000;
    box-shadow:inset 2px 1px 1px #008000, 1px 1px 3px #008000;
}