Почему мой флажок в IOS оказывается таким

Question

Я использую адаптивный веб-дизайн, чтобы превратить мою страницу в мобильный макет, но происходит нечто странное, почему стиль флажка в IOS изменяется таким образом, граница флажка исчезает, а символ флажка становится пустым. см вложение.

Первое изображение - скриншот Chrome
Первое изображение - скриншот iphone4

Что я должен сделать, чтобы сделать флажок в IOS таким же, как обычный флажок?

Answer 1

В общем, вы не должны. Каждый браузер и операционная система могут по-разному оформлять свои элементы управления. Это не является частью стандарта HTML.

MacOS также различает стили своих флажков, как и Linux.

Почему вы чувствуете необходимость изменить способ оформления флажков? Пользователи этой платформы привыкли к тому, чтобы флажки выглядели так, как их делает ОС. Если вы по-разному их стилизуете, пользователи сочтут это странным.