在单选按钮css的背景图象

Question

我在单选按钮上添加背景图像。但我的问题是图像未检查或单击单选按钮（背景图像）。

这是我的代码

＆＃13;

＆＃13;

<div class="form-group gender">
  <label class="control-label col-xs-2">I'm a</label>
  <div class="col-xs-1">
    <input type="radio" class="male" name="genderRadios" value="male">
    <label class="radio-inline gender"></label>                            
  </div>
  <div class="col-xs-1">
    <input type="radio" class="female" name="genderRadios" value="female">
    <label class="radio-inline gender"></label>                            
  </div>
</div>

＆＃13;

{{1}}

＆＃13;

＆＃13;

＆＃13;

请告诉我任何解决方案。

Answer 1

请在下面找到我放在一起的演示，这是您应该使用的正确结构，并且每个标签上指定的相应单选按钮上都会指定相应的for。您可以为自己选择的背景图像切换背景颜色。

的jsfiddle：

https://jsfiddle.net/kdrh56md/