Disable the highlight border on an html input elements (Google Chrome)

Have you ever face to this issue when you develop HTML applications? I think most of the time answer will be "Yes". But don't worry today I am going to teach you how to get-rid-of this Issue.

 Let's see the solution, its pretty easy who know the CSS but for the beginners this will help.

    input[type=text]:focus, select:focus, Textarea:focus
    {
outline: 0;  /*this is how we do that ;) */
    }

if you want to disable only for a few element on your page, you can do it using pseudo class

    input[type=text].yourcssclassname:focus
    {
outline: 0; /*this is how we do that :D */
    }