CSS for fuzzy outline around input elements

Question

The possible outline styles that I know of are shown below.

• dotted
• dashed
• solid
• double
• groove
• ridge
• inset
• outset

None of these puts an outline around an input element like shown below:
With what CSS stylling can someone style an input element like shown above?

Answer 1

it looks like a browser default behavior, but you can fake it with css3 box-shadow

http://jsfiddle.net/meo/BndwU/

or with your colours: http://jsfiddle.net/meo/BndwU/1/

or with bonus focus animation: http://jsfiddle.net/meo/BndwU/2/