веб-приложение iPhone - type=text внутренняя теневая проблема
Я пытаюсь отключить главную внутреннюю тень в input=text поле, которое применяется по умолчанию iPhone. Какие-либо идеи, как сделать это? попробованный для перезаписи - тень поля WebKit без успеха.
сопроводительный текст http://feedsmanagement.com/example.png
удачи
3 ответа
Пробовали ли вы использовать -webkit-appearance: none, а затем применить пользовательские границы, например border: 1px solid black;
Я не могу попробовать это в данный момент.
У меня возникла такая же проблема: я хочу отобразить текстовые поля ввода, которые стилизованы: БЕЗ теней. Мое решение (отлично работает на iPad/ iPhone) сделать фоновый gif, который полностью прозрачен. Примените этот стиль к полю ввода. Мой код был следующим:
.textBox input { border:none; background:url(../images/bg_inputFix.gif); }
-Jamin
Я обнаружил, что ответ Джамина пока лучше. Если я использую метод -webkit-appearance: none, на iPad он больше не применяет мои стили фокуса (псевдокласса) при выборе текстовой области/ввода. Это несколько портит стилизацию моей формы, поскольку текстовые области/вводы, не находящиеся в фокусе, значительно приглушены.