Исправляем кнопку submit в Safari для iOS. Понадобится для второго проекта по вёрстке
8 сентября 2021 г.
0 минут
2
Дайте угадаю — вы безмятежно верстали свой проект, проверяли через инструменты разработчика Google Chrome, как будет выглядеть ваш сайт на iPhone, но, боюсь, об одном подвохе вы даже не догадываетесь.
Safari на iPhone, Safari на iPhone, как же ты полон... кхм-кхм, сюрпризов для верстальщика. Причём у вас может быть Mac, вы можете использовать режим разработчика в Safari, но при этом без iPhone (или Simulator в Xcode) вы не можете быть на 100% уверены в том, что сайт будет выглядеть именно так, как хотите этого вы!!!
Содержание
Исправляем кнопку
Тут, на самом деле, всё очень просто, нужно будет добавить лишь 3 строчки кода:
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
P.S. Советую глянуть ещё одну мою статью про белые полосы по бокам сайта на iPhone (Поверьте, они у вас будут)
Категории
108813 г. Москва, вн.тер.г. поселение Московский,
г. Московский, ул. Солнечная, д. 3А, стр. 1, помещ. 20Б/3
ОГРН 1217300010476
ИНН 7325174845