Удалить текстовое поле Внутренняя тень на мобильной версии Safari (на iPhone)
по умолчанию кажется, что Mobile Safari добавляет верхнюю внутреннюю тень ко всем полям ввода, включая textarea. Есть ли способ удалить его?
Это особенно некрасиво, когда у вас есть белый фон.
5 ответов:
при добавлении стиля CSS
-webkit-appearance: none;
будет работать, он избавляется от всего. Вы можете попробовать это вместо:
box-shadow: none !important;
таким образом, вы держите стрелку вниз.
вот простое решение
input[type=text] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
иногда вы можете иметь таблицу стилей там сломал
appearance: none;
поэтому способ исправить это, когда это произойдет, - использоватьcaret
. Лучший способ будет переписать код и выяснить, что часть вашего кода там испортить стиль дляnone
перед использованием
caret
вы должны знать, что это может принести вам некоторые проблемы с другими стилями-webkit-appearance: caret; -moz-appearance: caret; -o-appearance: caret; appearance: caret;
Примечание: использовать
none
,caret
не является оптимальным.