Выключите входное округление элемента iPhone/Safari
Мой веб-сайт представляет хорошо на браузере iPhone/Safari за одним исключением: Мои поля ввода текста имеют странный округленный стиль, который не выглядит хорошим вообще с остальной частью моего веб-сайта.
Существует ли способ сообщить Safari (с помощью CSS или метаданных) не к раунду поля ввода и представить их прямоугольный, как предназначено?
1 ответ
В iOS 5 и новее старый добрый border-radius делает свое дело:
input {
border-radius: 0;
}
Если вы должны удалить только закругленные углы на iOS или по какой-либо причине не можете нормализовать закругленные углы на разных платформах, вместо этого используйте свойство с префиксом -webkit-border-radius , которое все еще поддерживается. Конечно, обратите внимание, что Apple может отказаться от поддержки свойства с префиксом в любое время, но, учитывая другие их специфичные для платформы функции CSS, есть вероятность, что они сохранят его.
В старых версиях вам нужно было вместо этого установить -webkit-appearance: none :
input {
-webkit-appearance: none;
}