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?
it looks like a browser default behavior, but you can fake it with css3
box-shadowhttp://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/