複選框看起來像iPad/iPad Mini上的單選按鈕？

Question

不知道爲什麼會發生這種情況，但在此找不到任何東西。每個輸入類型=「複選框」看起來像iPad上的單選按鈕。有沒有人遇到過這個問題，如果是的話，你怎麼能解決這個問題？

謝謝你們！

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

Answer 1

我有類似的問題，但我的是用戶創建的。我的input[type="radio"]我有一個width: auto;。簡單地去除這個問題，並且沒有明確定義寬度，就解決了這個問題。

Answer 2

對於Safari 6版本，默認複選框樣式將border-radius設置爲有效值。清除邊界半徑值固定問題

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