Archiv

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:

Firefox – Texte aus den verschiedenen Leisten entfernen 0

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:

Firefox – Texte aus den verschiedenen Leisten entfernen 1

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.

Firefox – Texte aus den verschiedenen Leisten entfernen 2

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.

0,54 EUR
Eve Energy - Smarte Steckdose (Deutsche Markenqualität), TÜV zertifiziert, Verbrauchsmessung, integrierte Zeitpläne, schaltet Geräte ein & aus, Sprachsteuerung, keine Bridge nötig, BLE (Apple HomeKit)
278 Bewertungen
Eve Energy - Smarte Steckdose (Deutsche Markenqualität), TÜV zertifiziert, Verbrauchsmessung, integrierte Zeitpläne, schaltet Geräte ein & aus, Sprachsteuerung, keine Bridge nötig, BLE (Apple HomeKit)
  • Schalten Sie Ihre Geräte mit nur einem Fingertipp per App oder per Siri ein und aus
  • Automatisieren Sie Geräte mit integrierten Zeitplänen


Das könnte auch interessant sein...


Tags

Schreibe einen Kommentar

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

Back to top button