IPhone-приложение для iPhone - тип = текстовая внутренняя теневая проблема

Ответ 1

Пробовали ли вы использовать -webkit-appearance: none, затем применяя настраиваемую границу, например border: 1px solid black;

Я не могу попробовать это в этот момент.

Ответ 2

Вы можете добавить градиент фонового изображения, чтобы удалить внутреннюю тень; background-image: -webkit-gradient (линейный, 0% 0%, 0% 100%,       из (RGB (255,255,255)),       к (RGB (255,255,255)));

Ответ 3

У меня была такая же проблема, но я хотел бы отображать введенные текстовые поля в стиле: БЕЗ теней. Мое решение (отлично работает на iPad/iPhone) делает фоновый gif полностью прозрачным. Примените этот стиль к своему полю ввода. Мой код:

.textBox input {   границы: нет;   фон: URL (../изображений/bg_inputFix.gif); }

-Jamin

Ответ 4

Я обнаружил, что ответ Джеймина был лучше на данный момент. Если вместо этого я использую метод -webkit-appearance: none, на iPad он больше не будет применять стили фокуса (псевдокласса) при выборе текстового поля/ввода. Это своего рода разваливает мой стиль, потому что текстовые поля/входы, не находящиеся в фокусе, значительно подавлены.

Ответ 5

Я сделал фоновый градиент, и он не работает, я также нашел его вариант:

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));
}

и это тоже не сработало: (

Ответ 6

-webkit-appearance:caret;

Следует удалять только вложенные тени на входах