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

Question

Hi I want to get rid of the blue \"shine\" that appears when you click on a text field and begin to input data. How is this done?

I am a beginner so I am not that experi

Answer 1

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;
}