Исправляем кнопку submit в Safari для iOS. Понадобится для второго проекта по вёрстке

Статья написана студентом Хекслета. Мнение автора может не совпадать с позицией редакции
Читать в полной версии →

Дайте угадаю — вы безмятежно верстали свой проект, проверяли через инструменты разработчика 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 (Поверьте, они у вас будут)