Glowing blue border around an input field

Glowing blue border around an input field

Chrome browser adds a blue/golden border on selected input field.

This blue border is visible on chrome browser only.

Add glowing blue for all browser

input:focus {
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

Remove glowing blue border

input:focus {
    outline: none;
}

For more information, You can look following stack-overflow links

Css to create a glowing border around an input field

How to remove border outline around text input boxes chrome