Tutorials

Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.

Zurück zur Übersicht

Entfernen des Webkit-Borders beim Focus in ein Input Feld

#Tutorials#CSS

In vielen Browser, besonders in den Webkit-Browser Chrome und Safari werden Input-Felder gehighlightet wenn man sie gerade fokussiert. Das kann bei dem ein oder anderen Projekt nerven. Im folgenden Bild seht ihr ein Beispiel:

Um das Ganze nun via CSS einfach zu umgeben reicht folgender Code schon aus:


input:focus {
    outline: none;
}

Das ist auch schon alles ;)


Kommentare

  • André Knieriem
    Hallo, den Code musst du einfach in deine CSS-Datei einfügen und dann sollte es klappen.

    Grüße Andre
    Antworten
  • withoutatrac3
    Hallo.

    Wo muss ich diesen Kode eingeben? Bitte sehr einfach erklährt, danke =)

    Gruß
    Antworten

Hinterlasse einen Kommentar

Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Kommentar wird gespeichert
Danke für deinen Kommentar! Sobald er freigegeben wurde erscheint er hier.