How to remove the border highlight on an input text element

Question

When an HTML element is \'focused\' (currently selected/tabbed into), many browsers (at least Safari and Chrome) will put a blue border around it.

For the layout I a

Answer 1

You can try this also

input[type="text"] {
outline-style: none;
}

or

.classname input{
outline-style: none;
}