Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Die Funktionalität dieser Website ist durch Wartungsarbeiten eingeschränkt, die Ihr Erlebnis verbessern sollen. Wenn ein Artikel Ihr Problem nicht löst und Sie eine Frage stellen möchten, können Sie unsere Gemeinschaft über @FirefoxSupport auf Twitter, /r/firefox oder Reddit fragen.

Hilfe durchsuchen

Vorsicht vor Support-Betrug: Wir fordern Sie niemals auf, eine Telefonnummer anzurufen, eine SMS an eine Telefonnummer zu senden oder persönliche Daten preiszugeben. Bitte melden Sie verdächtige Aktivitäten über die Funktion „Missbrauch melden“.

Weitere Informationen

How to disable placeholder text in the URL and search fields of the navigation bar?

  • 4 Antworten
  • 7 haben dieses Problem
  • 6 Aufrufe
  • Letzte Antwort von cor-el

more options

Everytime I open a new tab (frequently, home page is set to blank) I have to look at "Go to a Website" in the navigation bar. The search field shows the name of the currently active search engine until text is inputed. All I want is to be able to do is disable the placeholder text, showing both fields as blank.

Everytime I open a new tab (frequently, home page is set to blank) I have to look at "Go to a Website" in the navigation bar. The search field shows the name of the currently active search engine until text is inputed. All I want is to be able to do is disable the placeholder text, showing both fields as blank.

Ausgewählte Lösung

Add code to the userChrome.css file below the default @namespace line.

The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.


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

*|*.textbox-input:-moz-placeholder { color:transparent !important; }
*|*.textbox-input:-moz-placeholder:hover { color:graytext !important; }

Use this in Firefox 19+:

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

*|*.textbox-input::-moz-placeholder { color:transparent !important; }
*|*.textbox-input:hover::-moz-placeholder { color:black !important; }
Diese Antwort im Kontext lesen 👍 3

Alle Antworten (4)

more options

Ausgewählte Lösung

Add code to the userChrome.css file below the default @namespace line.

The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.


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

*|*.textbox-input:-moz-placeholder { color:transparent !important; }
*|*.textbox-input:-moz-placeholder:hover { color:graytext !important; }

Use this in Firefox 19+:

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

*|*.textbox-input::-moz-placeholder { color:transparent !important; }
*|*.textbox-input:hover::-moz-placeholder { color:black !important; }

Geändert am von cor-el

more options

Thank you. Worked fine. For anyone who comes across this in the future, change "graytext" to "transparent" to hide the placeholder all the time. As is above, the placeholder shows when the mouse points at the box.

more options

I can't find a userchrome.css file on my computer. I did find a userChrome-example file, and modified it as described. I don't know where to save it. Where is it located?

I went to c:\program files(x86)\Mozilla Firefox. I have he following folders

components, defaults, dictionaries, extensions, install, plugins, searchplugins, and uninstall.

I could of course rename the file, but don't know where to save it.

Geändert am von inyobus

more options

That is not the proper location of the Firefox Profile Folder.

You can use this button to go to the Firefox profile folder:

  • Help > Troubleshooting Information > Profile Directory: Show Folder
  • C:\Users\<user>\AppData\Roaming\Mozilla\Firefox\Profiles\<profile>\

The "AppData" folder is a hidden folder.

You need to create the chrome folder and userChrome.css in the profile folder if they do not exist.