Ввод имеет другой стиль на фокусе
Я разрабатываю приложение для Android с Phonegap, но столкнулся с проблемой... Ввод имеет другой фон, границы и тени на фокусе (см. Ниже). Следует отметить, что это относится только к типу ввода "пароль".
Как это исправить? Заранее спасибо!
3 ответа
Похоже, что Android-WebKit-Browser добавляет специальный оверлей к типу ввода "пароль" в фокусе (я думаю применить эту специальную маску для мобильных устройств, где все еще видна последняя набранная буква), которая игнорирует все стили, кроме "-webkit-tap-highlight-color" имущество.
Таким образом, вам не повезет, стилизуя эти поля ввода. Btw. На устройствах с HTC Sense стили ввода полей ввода вообще не работают, посмотрите здесь:
Элементы ввода в WebViews всегда имеют одинаковый стиль, если они выделены на устройствах HTC.
О, одно исключение: кажется, что стилизация работает на устройствах S amsung (по крайней мере, на Galaxy S и I5800)
Мы столкнулись с проблемой на устройствах HTC, когда переходы CSS3 приводили к появлению поля "двойной пароль" при отображении формы поверх анимации.
По сути, созданный Android оверлей будет отображаться в нижней части экрана, независимо от того, где была отображена фактическая разметка HTML-формы.
Каждый раз, когда вы вводите в поле пароля, Android будет обновлять оба поля. Выглядит ужасно Обычно исчезает после того, как поле ввода теряет фокус... обычно.
Поскольку попытка форсировать стиль не сработала, мы должны были убедиться, что для -webkit-backface-visibility установлено значение '' (вместо 'hidden'). всякий раз, когда форма ввода, как показано.
Вы должны иметь возможность применять другой стиль, ориентируясь на этот ввод и добавляя :focus, Так, например:
input[type=password]:focus { border-radius: 5px; }
Предполагая, что ввод имеет тип пароля, который дал бы ему закругленные углы. Затем просто скопируйте остальную часть стиля из других входов, чтобы соответствовать.