[TIP] blauer Formularrand bei Safari und Chrome entfernen

[Genesis]

Mir ist aufgefallen, das bei Auswahl und Eingabefeldern im Safari und Chrome-Browser ein hässlicher blauer Rand um das aktive Formularfeld gelegt ist. In so manchem Template mag dies richtig unschön erscheinen. Wer dies verbessern möchte - hier ein Tip:

Sucht in der layout_allgemein.css nach insert. Fügt unter diesem CSS-Block (nach dem abschliessenden }) einfach noch diesen Code ein:

Code: Alles auswählen

input:focus { 
    outline: none;
}

das gleiche macht Ihr noch bei select - nur dann mit diesem Code:

Code: Alles auswählen

select:focus { 
    outline: none;
}

danach sollte der blaue Rand bei dem aktiven Element entfernt sein.

vielleicht hilft's ja dem ein oder anderen..

Grüsse Genesis