How to change border color on focus?

Sometimes what looks like a border is really a border shadow as in the case of Bootstrap, so you would use:

#myelement:focus {
    box-shadow: none;
}

Try this:

input[type="text"], input[type="password"], textarea, select { 
    outline: none;
}

When the element is focussed, the User Agent (browser) by default sets an outline. So, to prevent it, you need to override it as shown above

try this also.

*:focus {
    outline: none;
}

Related