CODEWITHSUNDEEP
androidcssinputfocus
kaleazy
kaleazy

Reputation: 6232

Android Hijacks CSS of Input Field During Focus?

I have a nicely formatted text input field on my web app, but Android hijacks my CSS as soon as the user brings the field into focus. It looks ugly -- the borders lose their radius, the font and font size changes, the background gets changed, etc. How do I get rid of this?

Screenshot
(source: flowtab.mobi)

I was able to get rid of the border color using the CSS below, but adding anything else (font style, font color, etc.) doesn't seem to override the default formatting given by the browser:

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

Upvotes: 3

Views: 1674

Answers (2)

Guzzler
Guzzler

Reputation: 51

It's a known bug in ICS:

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

Alternative is to use it as plain text:

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

But has plenty of side effects.

Upvotes: 5

DirectXMan12
DirectXMan12

Reputation: 683

I haven't had time to test this, but you could try using !important on your various rules. The !important keyword is useful in forcing your page's behavior to conform to your own CSS.

Upvotes: 0

Related Questions