How to remove outline from hyper links, textarea and input fields

Share the love!
How to remove outline from hyper links, textarea and input fields

Hello Readers! today we are going to see how to remove the yellow outline which comes when we focus on a link, textarea or an input field.Hyper links, textarea and input fields default have a dotted outline around them when they become active or focused and sometimes it looks bad with our theme or template so with the help of CSS we can customize or remove it but most people are confused in it many times like i was a day then i got it that it was an outline which comes on focus on textarea and input the basic thing is the property from which u can disable this or customize this too!

Remove outline from links, textarea and inputs

CSS to remove yellow outline

input:focus, textarea:focus, a {
  outline: 0;
}
/* Remove dotted outline from input type=image in Firefox */
input::-moz-focus-inner { 
  border: 0; 
}

Some times it also occur with our flash object/embed so you can use the below -

object, embed { 
  outline: 0;
}

All done!

So this was how we can remove outline from hyper links,textarea and input fields.This time it was a little snippet anyway i will be back soon with another post keep visiting!

Comment with-

Disqus Blogger Google Facebook

0 comments:

Post a Comment

Comments :