Duplicates an input field when focused on an Android 4.0 web browser using jQuery mobile and phonegap

Question

I am developing a phonegap application with webview. But when the focus is on any text input field, a duplicate of the text field is created automatically, and everything that I enter will be in this text field. In focus, this value is displayed in the default text box. I tried to avoid this by following as follows:

input { -webkit-appearance: none; background: none; border: 0; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } 

But no effect ...

Answer 1

This is what I use ...

input[type="text"]:not(.selectbox), input[type="number"], input[type="password"] { -webkit-user-modify: read-write-plaintext-only; -webkit-tap-highlight-color: rgba(0,0,0,0); outline-style: none; }