input focus outer glow

Question

is it possible to simulate the outer glow that safari and other browsers add to an input field? And avoiding jquery if possible?

This article explains how to remove it: http://www.altrugon.com/css/remove-safaris-input-focus-outer-glowquitar-el-border-azul-de-los-inputs-en-safari/

Thanks

Answer 1

Check out the DEMO

Here box-shadow is used in combination with :focus psudo selector.

CSS:

input:focus,textarea:focus,select:focus{
  border:1px solid #fafafa;
  -webkit-box-shadow:0 0 6px #007eff;
  -moz-box-shadow:0 0 5px #007eff;
  box-shadow:0 0 5px #007eff;
  outline: none;
}