How can I style an HTML INPUT tag so it maintains CSS when focused on Android 2.2+?

Question

I was delighted to discover that Android 2.2 supports the position:fixed CSS selector. I\'ve built a simple proof-of concept, here:

http://kentbrewster.com/android-s

Answer 1

You might be able to solve it by using a bug in Android: http://code.google.com/p/android/issues/detail?id=14295.

That is, don't display the input field right away. Instead, display an overlay div which listens on click and hides itself and shows the hidden input, and give the input focus. This somehow prevents Android from using the wierd input that gets placed on top of everything, and is instead using the browsers input field which you can style any way you want.

As you'll note in the bug raport though, this doesn't work with input[type="number"]...