Border um DIVs

Question

Ich habe diese Website ohne Probleme in Firefox erstellt, und wenn ich anfangen, Chrome für Cross-Browser-Tests zu verwenden, habe ich eine leichte Grenze um meine <div> bemerkt.

Dies ist, wie es

Aber beachten Sie die leicht gelbe Rahmen um die div ohne Rand suchen angenommen hat, als ich in einem der leeren Räume des div geklickt.

Ich habe vor ein ähnliches Problem mit den Bildern hatte, wobei ich eine border:0 und es gelöst fügte jedoch hinzu, für dieses Problem habe ich versucht, border:0, border:none, outline:0 und sie alle scheinen nicht zu funktionieren.

Das ist ziemlich dringend und ich freue mich über jede Hilfe von euch.

Bitte zögern Sie nicht, mir Fragen zu stellen, die bei der Lösung dieses Problems helfen könnten.

Vielen Dank im Voraus

EDIT

gerade erfahren, dass dies ein Fokusindikator des Chrom ist, ist die herkömmliche border:0, border:none praktikabel für diese Art?

Answer 1

Verwenden Pseudo-Selektor Element: Fokus { Outline: none; }

Answer 2

Dieser gelbe Rand ist der "Fokus" Indikator. Während es in IE eine gepunktete Kontur ist, fügt Chrome einen gelben Rahmen hinzu.

Ich muss leider noch einen zuverlässigen Weg finden, um es loszuwerden, aber überprüfen Sie noch einmal, ob Sie die Randentfernungsstile zum richtigen Element hinzugefügt haben.

Answer 3

Der Stil dieser div in einem einzigen Block sein sollte, wenn das div in CSS genannt wird .maindiv lassen es steht allein

.div{ 
border:0px; 
}