Все статьи | Блог студента

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

Статья написана студентом Хекслета. Мнение автора может не совпадать с позицией редакции
Исправляем кнопку submit в Safari для iOS. Понадобится для второго проекта по... главное изображение

Дайте угадаю — вы безмятежно верстали свой проект, проверяли через инструменты разработчика Google Chrome, как будет выглядеть ваш сайт на iPhone, но, боюсь, об одном подвохе вы даже не догадываетесь.

Safari на iPhone, Safari на iPhone, как же ты полон... кхм-кхм, сюрпризов для верстальщика. Причём у вас может быть Mac, вы можете использовать режим разработчика в Safari, но при этом без iPhone (или Simulator в Xcode) вы не можете быть на 100% уверены в том, что сайт будет выглядеть именно так, как хотите этого вы!!!

enter image description here

Исправляем кнопку

Тут, на самом деле, всё очень просто, нужно будет добавить лишь 3 строчки кода:

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

P.S. Советую глянуть ещё одну мою статью про белые полосы по бокам сайта на iPhone (Поверьте, они у вас будут)

Аватар пользователя Шахзод Давлатов
Шахзод Давлатов 08 сентября 2021
Рекомендуемые программы

С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.

Иконка программы Фронтенд-разработчик
Профессия
Разработка фронтенд-компонентов веб-приложений
25 мая 10 месяцев
Иконка программы Python-разработчик
Профессия
Разработка веб-приложений на Django
25 мая 10 месяцев
Иконка программы PHP-разработчик
Профессия
Разработка веб-приложений на Laravel
25 мая 10 месяцев
Иконка программы Node.js-разработчик
Профессия
Разработка бэкенд-компонентов веб-приложений
25 мая 10 месяцев
Иконка программы Fullstack-разработчик
Профессия
Новый
Разработка фронтенд и бэкенд компонентов веб-приложений
25 мая 16 месяцев
Иконка программы Верстальщик
Профессия
Вёрстка с использованием последних стандартов CSS
в любое время 5 месяцев
Иконка программы Java-разработчик
Профессия
Разработка приложений на языке Java
25 мая 10 месяцев
Иконка программы Разработчик на Ruby on Rails
Профессия
Создает веб-приложения со скоростью света
25 мая 5 месяцев