Remove default blue line from html input controls

In one of my project i was having issue of removing blue line around select control. Which is the default behavour of the control.

I tried lots of things, Done lots of search on google. But, No luck.

bluelinearoundinputontrols-html

Suddenly it clicked into my mind of searching, “How to remove blue border around the default behaviour of control”. Then i got answer to my question. Below is answer

By using property in css

outline: none;

We can remove the blue border.

and see what i get below.

blueline-removed-aroundinputontrols-html

It solves my problem. I writing this might be its useful for someone else and for myself in future.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *