如果jquery验证激活，如何在单选按钮中放置红色边框 [英] How to put red border in the radio button if jquery validation activates

问题描述

我的问题是，如果jquery验证激活就像在示例图片中一样，我无法使单选按钮具有红色边框。任何人都可以帮我这个。

My problem is i cant make the radio button have a red border if the jquery validation activates just like in the example picture. Can anyone help me with this please.

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

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

我试图这样做但没有工作

i tride this but not working

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

推荐答案

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

You can't add border to radio button but you can go with,

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

这篇关于如果jquery验证激活，如何在单选按钮中放置红色边框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！