TransWikia.com

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

Stack Overflow на русском Asked on November 18, 2021

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

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

Андроид Хром

Сафари IOS

3 Answers

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

reset.css

Answered by pastyrMisha on November 18, 2021

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

   .btn, button{
       -webkit-appearance: none;
       -moz-appearance:    none;
       appearance:         none;
    }
    
    .btn:focus, button:focus{
      outline: none;
    } 

Answered by Node_pro on November 18, 2021

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

Answered by Alex Sazonov on November 18, 2021

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP