This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

remove the hint in the address bar

  • 3 replies
  • 0 have this problem
  • 50 views
  • Last reply by Giuseppe

more options

Hi, is there a way to remove the hint in the address bar - "search with ... or enter the address", leave only the blinking cursor? thanks.

Hi, is there a way to remove the hint in the address bar - "search with ... or enter the address", leave only the blinking cursor? thanks.
Attached screenshots

Chosen solution

That is the placeholder text that shows the action for the default search engine. Note that CSS code for the user interface goes in userChrome.css, userContent.css is for styling webpages including built-in about pages.

Add CSS code to the userChrome.css file in the chrome folder in the Firefox profile folder. Either of the two codes should work to hide this text.


#urlbar *|input::placeholder {
 color: transparent !important;
 opacity: 0 !important;
}
#urlbar *|input::placeholder:hover {/* add code to override this on hover */}
Read this answer in context 👍 1

All Replies (3)

more options

thank you for your answer, I have userContent.css to improve the design of firefox, can you suggest a solution?

more options

Chosen Solution

That is the placeholder text that shows the action for the default search engine. Note that CSS code for the user interface goes in userChrome.css, userContent.css is for styling webpages including built-in about pages.

Add CSS code to the userChrome.css file in the chrome folder in the Firefox profile folder. Either of the two codes should work to hide this text.


#urlbar *|input::placeholder {
 color: transparent !important;
 opacity: 0 !important;
}
#urlbar *|input::placeholder:hover {/* add code to override this on hover */}
more options

Thank you, cor-el !