Android Hijacks CSS of Input Field During Focus?

Question

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?

_{(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;
}

Kjuly · Accepted Answer · 2012-10-30 01:06:10Z

5

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.

edited Oct 30, 2012 at 1:06

Kjuly

35.3k22 gold badges108 silver badges120 bronze badges

answered Oct 30, 2012 at 0:31

Guzzler

511 silver badge2 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

DirectXMan12 · Accepted Answer · 2012-02-12 19:18:06Z

0

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.

answered Feb 12, 2012 at 19:18

DirectXMan12

6836 silver badges7 bronze badges

1 Comment

Andrew Ferrier Over a year ago

I see the same behavior. At least for me, the !important flag has no effect.

Collectives™ on Stack Overflow

Android Hijacks CSS of Input Field During Focus?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related