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

In Bootstrap 4 to remove border outline you can use shadow-none, it will remove focus outline.

            

                Name