在iPad中以不同尺寸显示的单选按钮

Question

在我开始之前，我会要求你看看图像。问题出在iPad上，带有单选按钮。两个单选按钮在iPad中以不同的尺寸显示。在Chrome模拟器中，它正确显示，我无法弄清楚问题是什么。标记这两个单选按钮没有区别。他们是一样的。

<div class="newbjradio" data-bind="visible:PaymentViewModel.PaymentCOD() == true">
    <input type="radio" name="rdoPayment" value="COD"> <span>Cash on delivery</span>
</div>

<div class="newbjradio" data-bind="visible:PaymentViewModel.PaymentOfflineBT() == true">
    <input type="radio" name="rdoPayment" value="BT"> <span>Bank transfer</span>
</div>

.newbjradio input[type=radio] {
    width: 20px !important;
    height: 20px !important;
    background: #fff;
}

知道可能是什么原因？

Answer 1

使用此css： 这些都处于检查状态，所以用这个代码来支持它

input:checked + span {
 display: block;
}

Answer 2

我认为它隐藏了background的{​​{1}}，请尝试更改button！

background