How to make urlbar's edges sharper, it already looks like a rectangle, but I want it to have no rounded edges at all. Any ideas about how to do this?
I started to use firefox quite recently and I enjoy it much, but one of the reasons why I left Google Chrome, is because they changed the design, that for me was perfect. I started to search for good browsers than I found some Chromium-based browsers, but for me, they suck. After that, I started to use Opera, but it was kind of boring and non-customizable. When I started use firefox, about a week ago, I found that firefox still uses no rounded edges and I was surprised and happy at the same time, because gosh, these things are everywhere now, and I just hate them. Only things that I don't like is the urlbar, I removed the zoom effect, but it still has a little rounded edge, please help!
All Replies (3)
You can add this code to userChrome.css.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
#urlbar-background, #urlbar-input-container, #searchbar {border-radius:unset !important}
See also:
- https://www.userchrome.org/what-is-userchrome-css.html
- https://www.userchrome.org/how-create-userchrome-css.html
In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.
- toolkit.legacyUserProfileCustomizations.stylesheets = true
See:
Thank You really much! I will definately try that solution!
You're welcome.