it-roy-ru.com

Странная визуализация кнопки отправки CSS на iPad/iPhone

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

enter image description here

191
Francesco

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

   -webkit-appearance: none;
408
Francesco

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

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

Это поможет.

20
subindas pm

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

-webkit-appearance:none;
opactiy: 1

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

0
Priyank Thakkar