如果jqueryvalidation激活，如何在单选按钮中放置红色边框

我的问题是，如果jqueryvalidation激活就像在示例图片中一样，我不能使单选按钮具有红色边框。 请有人帮我这个。

http://sofzh.miximages.com/javascript/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; } 

Answer 2

试试这个..这不会在单选按钮中创建红色圆圈，但可以帮助用户理解所需的字段。

 
 
 
 
 
 
 
 
  
 
 
 
  
 
 
 
   Male     Female 
 Please Choose your gender
 
 
 
 
 
 Birthday  Month   Day   Year  
 
 
 
 
 Submit 
 
 
 
 
 
  

http://jsfiddle.net/alaskaz1864/5kcsn/51/

Answer 3

使用框阴影边框颜色