男女选中样式问题

Question

上面是html结构
男女生点击选择没问题
通过js监听控制男女选中checked，就没有选中的样式如图所示。

css是这样子的，应该不是css的问题吧。
求指点？？

Answer 1

<label><input name="Fruit" type="radio" value="" />苹果 </label>
<label><input name="Fruit" type="radio" value="" />桃子 </label>
<label><input name="Fruit" type="radio" value="" />香蕉 </label>

Answer 2

看你写的样式：未选中、选中的图片是用你这边自己设计的；这种情况下，需要你自己使用js进行控制，所以说是你js写的有问题。
js控制选中、未选中的状态，不需要写样式伪类，直接控制显示、隐藏。