Отключить округление элемента ввода iPhone / Safari - PullRequest
Новая
       23

Отключить округление элемента ввода iPhone / Safari

354 голосов
/ 27 мая 2010

Мой веб-сайт хорошо отображается в браузере iPhone / Safari, за одним исключением: мои поля ввода текста имеют странный округленный стиль, который совсем не выглядит хорошо с остальной частью моего сайта.

Есть ли способ проинструктировать Safari (с помощью CSS или метаданных) не округлять поля ввода и делать их прямоугольными, как предполагалось?

Ответы [ 11 ]

0 голосов
/ 15 августа 2017

Чтобы правильно отображать кнопки в Safari и других браузерах, вам нужно придать особый стиль для кнопок в дополнение к настройке внешнего вида webkit, например ::

border-radius: 0;
-webkit-appearance: none;
background-image: linear-gradient(to bottom, #e4e4e4, #f7f7f7);
border: 1px solid #afafaf
Страница:
...