How to get rid of blue outer border when clicking on a form input field?

This CSS snippet should work in all major browsers:

    input:focus {
        outline:none;
    }

If it doesn’t, try adding the !important directive:

    input:focus {
        outline:none !important;
    }