tags:

views:

36

answers:

2

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 ??

+2  A: 

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

Pekka
How can I add this outline only when the input tag is selected :) ?
xRobot
input:focus, I believe.
ClarkeyBoy
What @ClarkeyBoy says. `input:focus { ... } `
Pekka
If you dont mind using CSS3, despite its poor support in earlier browsers, you can always use `input[type=text]:focus` to specify just textboxes, or you can apply this to other specific elements.
ClarkeyBoy
A: 

You have some options to try.

outline, border, and pseudo-element :focus.

Dave