How to add OUTLINE on input tags?

Question

In google chrome, when an input tag is selected then appear a yellow outline around it.

In other browser ( firefox, explorer, ecc ) not !!

How can I add outlines on input tags in other browser ( firefox, explorer ) like chrome ??

Answer 1

You have some options to try.

outline, border, and pseudo-element :focus.

Answer 2

You could use outline with the limitation that it doesn't work in IE6/7:

outline: 3px orange solid;

the only alternative that works across all browsers is border but that will take away the element's native border, something you may not want.

JSFiddle