So entfernt man den blauen Rand eines fokussierten, bzw. aktiven Input-Feldes im Safari-Browser:

Bei vielen HTML Layouts kann der blaue Rand, mit dem der Safari-Browser standardmäßig aktive Inputfelder markiert, das Aussehen der Homepage negativ beeinflussen.

Um dies zu umgehen, braucht man keinen CSS-Hack (opacity:0.99 funktioniert z.B. auf einem MAC-Safari). Es geht mit einer einfachen CSS-Anweisung auf das entsprechende Input-Textfeld, welche die outline auf 0 setzt und somit den machmal störenden blauen Rahmen entfernt:

outline: 0 none;

Das Ergebnis der Anpassung sieht dann so aus:

Kommentare: