CSS: two-sided, like

Question

Possible duplicate:
input focal external glow

How to do it in CSS? Focus seems to have a double border ...

Answer 1

input:focus { property to apply } 

for a live example check the followng script: 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?