Android Hijacks CSS поля ввода во время фокуса?

Question

У меня есть хорошо отформатированное поле ввода текста в моем веб-приложении, но Android увлекает мой CSS, как только пользователь вводит поле в фокус. Он выглядит уродливым - границы теряют свой радиус, меняются шрифт и размер шрифта, фон меняется и т. Д. Как мне избавиться от этого?

Screenshot http://flowtab.mobi/wp-content/uploads/images/seriously.png

Я был в состоянии избавиться от цвета границы с помощью CSS ниже, но добавляя что-нибудь еще (стиль шрифта, цвет шрифта и т.д.), кажется, не переопределить форматирование по умолчанию задается браузер:

textarea:focus, input:focus { 
    outline: none; 
} 

Answer 1

у меня не было времени, чтобы проверить это, но вы можете попробовать использовать !important на ваших различных правил. Ключевое слово !important полезно для того, чтобы заставить поведение вашей страницы соответствовать вашему собственному CSS.

Answer 2

Это известная ошибка в ICS:

http://code.google.com/p/android/issues/detail?id=30964

Альтернатива заключается в использовании его как обычный текст:

-webkit-user-modify: read-write-plaintext-only; 

Но есть много побочных эффектов.