Google Chrome und css

[Tele]

Hallo, ich habe auf meiner Site folgendes Endeckt, erstmals mit Google Chrome geschaut ob das css noch passt.

Der Integrierte Debugger von Google Chrome gibt mir ein "user agent styleheet" aus, wo nimmt er das her? Ich finde es in meinen stylesheets nicht oder hat google chrome ein eigenes stylesheet? (user agent)

Es geht um die searchbox in der navigation ... dort gibt er mir beim select ein border aus obwohl ich "border: none" habe.

bei FF und IE siehts ganz normal aus.

Hier der LINK

 

[Efchen]

Ein User Agent Stylesheet ist ein Stylesheet, das der Nutzer des Browsers selbst definiert hat.

 

[Tele]

Also doch vom Browser ... wuste ichs doch ...

 

[neuroleptika]

Es geht um die searchbox in der navigation ... dort gibt er mir beim select ein border aus obwohl ich "border: none" habe.

Diese Konturlinen (outline) sollen dem Benutzer zeigen wo sich der Focus befindet.
Abschalten kannst du das mit outline: none;

 

[Efchen]

Das erschwert aber die Tastaturnavigation bzw. macht sie sogar unmöglich, also Vorsicht damit!

 

[neuroleptika]

Ja, da sollte dann eine Alternative her.
Vielleicht sowas?

.search input:focus {
background-color: red;
}

Oder die Lupe gegen eine buntere Grafik austauschen.