Remove Safari/Chrome textinput/textarea glow

Question

I am wondering if its possible to remove the default blue and yellow glow when I click on a text input / text area using CSS?

Answer 1

Carl W:

This effect can occur on non-input elements, too. I've found the following works as a more general solution

:focus {
  outline-color: transparent;
  outline-style: none;
}

I’ll explain this:

• :focus means it styles the elements that are in focus. So we are styling the elements in focus.
• outline-color: transparent; means that the blue glow is transparent.
• outline-style: none; does the same thing.