Firefox: Oberfläche ändern mit CSS

**marian1** · 29. 01. 2012, 02:00

Hallo,

ich möchte gerne die Oberfläche von Firefox mit diesen CSS Stylesheets verändern.
Exemplarisch versuche ich, die Lupe in der Suchleiste auszublenden.
Den Code dafür habe ich mir wie folgt zusammengegooglet:

Code:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/*Remove magnifying glass button from search box*/
.search-go-button-stack { display: none !important; }

Ich habe das sowohl in die userchrome.css geschrieben, als auch mit dem Plugin Stylish versucht (Screenshot), aber es zeigt sich auch nach Neustart keine Veränderung. Habe auch schon andere Codes ausprobiert, bei keinem hat sich was verändert.

Muss die userchrome.css in den Ordner C:\Users\Marian\AppData\Roaming\Mozilla\Firefox\Profiles\0jaxldqb.default\chrome oder C:\Users\Marian\AppData\Local\Mozilla\Firefox\Profiles\0jaxldqb.default\chrome ?
Bei mir gibts beide.

**Dexter** · 29. 01. 2012, 10:36

Im Addon-manager heisst die Lupe .textbox-search-icon (findet man mit dem Dom Inspector raus)

Welches jetzt Dein richtiges Profil ist, lässt sich rausfinden, entweder http://support.mozilla.org/de/kb/Ben...ch-mein-profil oder mit ausprobieren...
Neustarten jeweils nicht vergessen...

**marian1** · 29. 01. 2012, 15:16

Das funktioniert, sogar ohne Neustart.
Ich meinte aber die Suchleiste von Firefox.
Den DOM Inspector hab ich mir gedownloadet. Wo findet man da die Suchleiste?

**Dexter** · 29. 01. 2012, 17:36

In Deinem Screenshot hast Du aber die Box von den Addons ^^

Datei->Chrome-dokument inspizieren,
und dann Links das Werkzeug nehmen und auf das gewünschte Element klicken.

**marian1** · 29. 01. 2012, 18:10

Ich krieg es hin, den DOM Inspektor und Webseiten zu inspizieren, aber die GUI von Firefox nicht.

Wie lautet denn der Code für die Suchleiste?

**Dexter** · 29. 01. 2012, 20:47

Die GUI bekummst Du wie gesagt über "Chrome-Dokument inspizieren", alternativ einfach chrome://browser/content/browser.xul im DOMI eingeben.

Dein Code oben hat das "stack" zuviel, keine Ahnung, wo Du das hernimmst.
Alternativ könnte noch .search-go-container zielführend sein, von dem die Lupe eingeschlossen ist.

**marian1** · 29. 01. 2012, 21:09

okay, das funktioniert.
kann ich auch die farbe oder transparenz ändern?

Edit: Farbe hab ich rausgefunden...

**Dexter** · 29. 01. 2012, 21:32

Die GUI ist komplett - wie normale Webseiten - via CSS stylebar.
Keine Ahnung, was Du wo mit Transparenz meinst, aber "Transparenz CSS" oder "irgendwas CSS" in der Suchmaschine Deiner Wahl sollte weiterhelfen.