Что делать? Меняются стили кнопки на Safari IOS

Меняются стили input на Safari IOS. Прописал вендорные префиксы , не работает. 1 Кнопка на Chrome Android , а вторая на Safari IOS.

Что делать? Как решить данную проблему?

Андроид Хром

Сафари IOS


Ответы (3 шт):

Автор решения: Alex Sazonov

Добавь свойство -webkit-appearance: none;. Тоже помню как-то страдал.

→ Ссылка
Автор решения: Node_pro

Свойство appearance используется для отображения элемента с использованием платформенного стиля, основанного на теме операционной системы пользователя. И мы его убираем. Также убираем фокус, какой есть на safari и Google Chrome.

   .btn, button{
       -webkit-appearance: none;
       -moz-appearance:    none;
       appearance:         none;
    }
    
    .btn:focus, button:focus{
      outline: none;
    } 
→ Ссылка
Автор решения: pastyrMisha

Ставьте к своим стилям этот reset.css и проблема отпадет. Сам пользовался normalize.css и была такая проблема. В этом reset прописано все, что надо.

reset.css

→ Ссылка