Jquery mobile 在jQuery mobile中创建单选按钮时，会出现一个额外的单选圆圈

当我在jQuery mobile中创建一个单选按钮时，一个单选圆圈出现在创建的单选按钮的下一个按钮中，如照片中所示，为什么会出现这个额外的单选圆圈？我怎样才能解决这个问题？？请帮帮我

 <fieldset>
 <legend> Gender </legend>
 <div class="ui-grid-a">
 <div class="ui-block-a  ">  
 <input type="radio"   id="Male"    name="radio-group-1"  value="Male" />
 <label  for="Male"    data-inline="true">Male</label>
 </div>
 <div class="ui-block-b">
 <input  type="radio"    id="Female" name="radio-group-1"  value="Female" />
 <label  for="Female"    data-inline="true" >Female</label>
 </div>
 </div>

性别
男性
女性

---

当您想要更改单选按钮位置时，覆盖

.ui单选

类

.ui-radio {
  float:right;
  text-align:right;
}

隐藏具有透明背景的单选按钮

.ui-radio input[type="radio"] {
  display: none;
}

---

检查您的css，看起来您正在覆盖某些内容@OmarCheck它也会出现在JSFIDLE.override

.ui单选

@OmarThanks中，但它仍然会选中隐藏本机单选按钮。