Question

Is there a way to do this? It differs from browser to browser what outline is displayed and such (Safari and its blue glow, Firefox and its dotted outline when clicking a submit button…)

CSS is preferable, but JS is fine too.

Answer 1

The outline can be removed by resetting the outline property:

input:focus, button:focus, textarea:focus, select:focus {
    outline: 0;
    background-color: #efefef;
}

However, you should include another visual indicator, as I have done here, to indicate that the element is focused, for accessibility reasons.