复选框看起来像iPad / iPad Mini上的单选按钮？

Question

不确定为什么会这样，但却找不到任何相关信息。每个输入类型=“复选框”看起来像iPad上的单选按钮。有没有人遇到过这个问题，如果有的话，你怎么能解决这个问题呢？

谢谢你们！

<div>
    <input type="checkbox" name="checkNow">Check Now
</div>

Answer 1

对于Safari版本6，默认复选框样式的border-radius设置为有效值。清除border-radius值可修复问题

input[type="checkbox"]{
   border-radius: 0px;
}

Answer 2

我有类似的问题，但我的是用户创建的。

我的所有width: auto;都有一个input[type="radio"]。只需删除它，而不是明确定义宽度，就可以解决问题。