Я пытаюсь отключить верхнюю внутреннюю тень в поле ввода = текстовое поле, которое по умолчанию применяется iPhone. Есть идеи, как это сделать? попытался перезаписать -webkit-box-shadow без успеха.
alt text http://feedsmanagement.com/example.png
веселит
Пробовали ли вы использовать -webkit-appearance: none, затем применяя настраиваемую границу, например border: 1px solid black;
Я не могу попробовать это в этот момент.
Вы можете добавить градиент фонового изображения, чтобы удалить внутреннюю тень; background-image: -webkit-gradient (линейный, 0% 0%, 0% 100%, из (RGB (255,255,255)), к (RGB (255,255,255)));
У меня была такая же проблема, но я хотел бы отображать введенные текстовые поля в стиле: БЕЗ теней. Мое решение (отлично работает на iPad/iPhone) делает фоновый gif полностью прозрачным. Примените этот стиль к своему полю ввода. Мой код:
.textBox input { границы: нет; фон: URL (../изображений/bg_inputFix.gif); }
-Jamin
Я обнаружил, что ответ Джеймина был лучше на данный момент. Если вместо этого я использую метод -webkit-appearance: none, на iPad он больше не будет применять стили фокуса (псевдокласса) при выборе текстового поля/ввода. Это своего рода разваливает мой стиль, потому что текстовые поля/входы, не находящиеся в фокусе, значительно подавлены.
Я сделал фоновый градиент, и он не работает, я также нашел его вариант:
input[type='text']{
-webkit-border-radius: 0;
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,0)));
background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
}
и это тоже не сработало: (
-webkit-appearance:caret;
Следует удалять только вложенные тени на входах