Pozbycie się pomarańczowego obramowania (otuline) pól w formularzu

Zwykle grafik wykonując szablon graficzny strony nie uwzględnia pewnych ograniczeń czy wręcz wymogów narzucanych odgórnie przez przeglądarki. Jednym z takich mankamentów jest tak zwany outline, czyli obramowanie pól formularza (w chrome pomarańczowa), gdy pole jest aktywne. Często psuje to całą konwencje i nie pasuje do całości. Jest jednak na to bardzo prosty sposób.

Wystarczy w pliku arkuszu stylów css dodać atrybut outline: none; dla wszystkich elementów na stronie:

*:focus {  
    outline: none;  
}

Lub do jednego konkretnego, na przykład do pola input typu text

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