Remove input focus in Google Chrome

Question

I work with Firefox and Google Chrome.

In Firefox, I have no problem, and the focus color is blue.

In Chrome, the focus is blue or orange.

How to remove orange? It comes in as the default input focus in Chrome.

HTML

<td><input type="text" name="user_login" class="input" autocomplete="off"></td></tr> 

CSS

 .input{ border:1px solid #dbdbdb; padding:0 5px 0 5px; height:26px;width:200px; border-radius:3px; font-family:"Arial Black", Gadget, sans-serif; font-size:13px; } .input:focus{ border:1px solid rgba(51,153,255,0.4); box-shadow:0 0 5px rgba(51,153,255,0.4); } 

Demo

Answer 1

You can delete it with

outline: none

Here is the updated fiddle: http://jsfiddle.net/cvv5h/1/

Note this: How to reset / remove the chrome selection border or focus border?