Остановить Safari Mobile от ввода кнопок ввода закругленных углов

Я думаю, что предмет говорит все. У меня есть веб-приложение при просмотре на Iphone, Ipod или Ipad, кнопки ввода ввода имеют закругленные углы. Есть ли способ остановить это?

Ответ 1

Если вы добавили...

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

Затем ваши кнопки наследуют любые стили CSS, которые вы применяли для других браузеров.

Ответ 2

Не работает для меня, -webkit-appearance: none.

Это делает:

input[type=submit] {
    -webkit-border-radius:0px;
}

У меня была такая же проблема с закругленными углами на кнопке с фоновым изображением, как раз на iPhone.

Ответ 3

Вы можете попробовать использовать следующий CSS:

-webkit-appearance:none;

Дополнительная информация: http://trentwalton.com/2010/07/14/css-webkit-appearance/

Ответ 4

Я обнаружил, что на iPad 2 вы должны использовать следующее:

-webkit-appearance:none;
border-radius: 0;

в вашем классе кнопок.

Ответ 5

У меня был сайт с вводом submit type = "image". Эта перестановка выше зафиксировала закругленные углы:

input[type=image] {
    -webkit-border-radius:0px;
}

Ответ 6

Я обнаружил, что настройка background: linear-gradient(color1, color2) избавляет от чрезмерно закругленных углов на устройствах Apple и работает на всех других браузерах/платформах, которые я пробовал.