CSS кнопка отправки странного рендеринга на iPad / iPhone

Question

Я заметил, что если я стилизую свои кнопки с помощью CSS, используя радиус, цвета и границы, они выглядят хорошо, но в iphone / ipad / ipod они выглядят ужасно ... не должен быть такой же рендеринг, как в Safari Desktop ??

Answer 1

упс! только что нашел себя просто добавьте эту строку в любой элемент, который вам нужен

   -webkit-appearance: none;

Answer 2

Добавьте этот код в файл css:

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

Это поможет.

Answer 3

Вышеприведенный ответ о появлении webkit сделал свое дело, но кнопка все равно выглядела бледно / скучно по сравнению с браузером на других устройствах / десктопах. Мне также пришлось установить непрозрачность на полную (в диапазоне от 0 до 1)

-webkit-appearance:none;
opactiy: 1

После установки непрозрачности кнопка выглядела одинаково на всех различных устройствах / эмуляторе / рабочем столе.