Friday, August 16, 2013

How to remove the blue glow around input and textarea

I just spent 1/2 an hour looking for a walkthrough or a helpful form on how to remove/edit that annoying blue glow around the text field (input and textarea).


Well that lovely little effect is called the "focus". So now that I now what it is called I can make it do whatever I want.

In this particular case I just want to remove the "focus" altogether, so this is what my css needed to look like:

:focus {
      outline:0;
      outline:none;
}

But I could have done a number of different effects. I personally like the dotted effect:

:focus {
      outline:1;
      outline: dotted;
}



It all depends on how you want your form to look, so experiment with it.

No comments:

Post a Comment