title: Disable rectangle (orange border) for text input on focus for Android > 4.0 Webkit
body: <p>I am building a web app with a cool looking search input. However when I click the input to start typing the input box gets highlighted with a blue border which is fine and it looks good, but in addition to this a white rectangle with an orange border appears over text input and it looks really bad. </p>
  
  <p>I've tried several solutions to this and none of them work. (The CSS styling solutions changing alpha to 0 ect.) [But if you can get those to work on android 4.0 and/or higher then maybe I was doing it wrong and I'll try again]</p>
  
  <p>Others have said that those solutions don't work on the newer Android OS's, which has been my experience as well. I'm personally running Android 4.0.4.</p>
  
  <p><strong>--- Replication of Problem ---</strong> </p>
  
  <p>My Android Application &amp; Native Android Browser ...</p>
  
  <p><img src="https://i.stack.imgur.com/a0geT.jpg" alt="enter image description here"></p>
  
  <p>Chrome Browser for Android ... [ Works fine! ]</p>
  
  <p><img src="https://i.stack.imgur.com/XRSEY.png" alt="enter image description here"></p>
  
  <p>Since it works in Chrome then it must be possible to fix. I had thought Chrome was open source so I tried to find their source code so I could possibly find a solution. Source for Android Chrome is not available so it's not open source.</p>