CSS: Double-Border, how to [duplicate]

Question

Possible Duplicate:
input focus outer glow

How do I do this in CSS? On focus it looks like it has a double border...

Answer 1

input:focus { property to apply }

for a live example check out the followng fiddle: http://jsfiddle.net/L5xvJ/

input:focus { 
border: 1px solid #0af; 
outline: none; 
-moz-box-shadow: 0px 0px 15px rgba(0, 170, 255,.5);
-webkit-box-shadow: 0px 0px 15px rgba(0, 170, 255,.5);
box-shadow: 0px 0px 15px rgba(0, 170, 255,.5); }

notet :focus should not be confused with :active -> What is the difference between :focus and :active?