How to remove border (outline) in Chrome and Firefox from input – css

 

W przeglądarce chrome wokół aktywnego pola tekstowego (a także wokół diva, będącego linkiem) pojawia się niebieskie obramowanie, które niekoniecznie pasuje do wyglądu naszej strony. Można je jednak łatwo usunąć za pomocą CSS. Wystarczy, że w pliku CSS ustawimy outline (linię zewnętrzną elementu) na wartość none:

a:focus { 
outline: none; 
}

Niebieskie obramowanie można również usunąć z innych elementów HTML, m.in. z pola edytowalnego:

[contenteditable="true"]:focus { 
outline: none; 
}