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

Question

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

Answer 1

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

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

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

Answer 2

У меня не сработало, -webkit-внешний вид: нет.

Это делает:

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

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

Answer 3

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

-webkit-appearance:none;

Подробнее: http://trentwalton.com/2010/07/14/css-webkit-appearance/

Answer 4

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

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

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

Answer 5

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

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

Answer 6

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