AnleitungenSoftware - Tipps

Firefox – Texte aus den verschiedenen Leisten entfernen




In den diversen Suchleisten sowie auch in der Adressleiste vom Firefox Browser befinden sich in hellgrauer Schrift jeweils ein vorgegebener Text. Dieser Text nennt sich Placeholder. Er dient als Hinweis wozu die jeweilige Leiste bzw. das jeweilige Feld gedacht sind. Wer diese Texte aus den verschiedenen Leisten entfernen möchte, der kann das nur noch mit einem CSS-Code erreichen, den man dann in eine userChrome.css Datei eintragen muss.

So sieht das dann mit den verschiedenen Texten aus:

Bis zur Firefox Version 56 war es möglich solche Änderungen durch diverse Erweiterungen zu erreichen.

Das Eine oder Andere ist seit der Firefox Version 57 nicht mehr möglich, da Mozilla dafür (zumindest noch) keine Schnittstelle mehr zur Verfügung stellt.



Aus diesem Grund muss man jetzt diese optischen Änderungen am Firefox mit einer userChrome.css Datei erstellen.

Dazu bedarf es allerdings erst einer kleineren Vorbereitung, die ich hier schon mal erklärt hatte.

Texte aus den verschiedenen Leisten entfernen

Und hier mal eine Beschreibung wie man das mit dem CSS-Code dann machen muss.

Dazu gehen wir als erstes in den Profilordner vom Firefox, und öffnen den dort selber angelegten Ordner chrome.

Dann im Ordner chrome die userChrome.css Datei öffnen.

In diese Datei tragen wir nun folgenden CSS Code ein:

/* Texte aus den verschiedenen Leisten entfernen */

/*Suchleiste rechts*/

#searchbar .textbox-input::-moz-placeholder {
color: transparent !important;
}

/*Adressleiste*/

#urlbar .textbox-input::-moz-placeholder {
color: transparent !important
}

/*Findbar unten*/

.browserContainer > findbar input::-moz-placeholder {
color: transparent !important;
}

/*Lesezeichen verwalten*/

#searchFilter .textbox-input::-moz-placeholder {
color: transparent !important;
}

/*Sidebar*/

#sidebar-search-container .textbox-input::-moz-placeholder {
color: transparent !important;
}

Am besten einfach den kompletten Code hier kopieren und dann in die Datei userChrome.css wieder einfügen.

So sieht der Code dann in der userChrome.css Datei aus:

Damit man später noch genau weiß was der jeweilige Code bedeutet, sollte man sich über dem CSS Code einen aussagekräftigen Hinweis erstellen.

Dazu schreibt man vor dem Text erst einen Slash und einen Stern /* dann die Beschreibung der Funktion…und als Abschluss schreibt man diesmal erst den Stern und dann das Slashzeichen */

Die Zeichen vorher und nachher bedeuten, dass der Text auskommentiert ist, und somit keinen Einfluss auf den CSS Code bzw. seine Funktion hat.

Dann die userChrome.css Datei schließen und speichern, und den Firefox neu starten, damit die Änderung wirksam wird.

Texte aus den verschiedenen Leisten entfernen

Und so sieht das danach ohne Text dann aus.

Hier hatte ich mal beschrieben was man alternativ zur userChrome.css Datei am besten machen sollte.

Vorteil dadurch, es ist alles viel übersichtlicher und man findet schneller mal etwas wieder.

Eve Energy -Smarte Steckdose mit Verbrauchsmessung, Apple HomeKit-Unterstützung, Bluetooth Low Energy
196 Bewertungen
Eve Energy -Smarte Steckdose mit Verbrauchsmessung, Apple HomeKit-Unterstützung, Bluetooth Low Energy*
von Elgato
  • Volle Kontrolle: Schalten Sie Ihre Geräte mit nur einem Fingertipp oder per Siri ein und aus
  • Kenne dein Zuhause: Behalten Sie den Stromverbrauch Ihrer vernetzten Geräte im Blick
  • HomeKit-Unterstützung: Ungeahnter Bedienkomfort, hohe Sicherheit
  • Einfache Einrichtung: Direkte Verbindung via Bluetooth Low Energy Technologie; ohne Bridge oder Gateway
Prime Preis: € 48,90 Jetzt auf Amazon kaufen*
Preis inkl. MwSt., zzgl. Versandkosten

Tags
Mehr anzeigen

Schreibe einen Kommentar

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