Does anyone know a way to remove or at least change the color of that cyan border around the URL bar? I’d prefer to remove it but if that’s not possible, a change of color would be nice.

  • Ephera
    link
    9
    edit-2
    3 years ago

    You can do so with a userChrome.css file.

    If you don’t have one yet, follow the instructions for creating one here: http://kb.mozillazine.org/index.php?title=UserChrome.css#Creating
    And also set “toolkit.legacyUserProfileCustomizations.stylesheets” in about:config to “true”.

    Then add this to the end of the userChrome.css file:

    #urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background {
      border: none !important;
      border-color: red !important;
    }
    

    The “border: none !important;”-line will hide the border.
    The “border-color: red !important;”-line will change the border to whichever color you specify there.
    Remove or comment out whichever line you’re not going to use…

    After a Firefox restart, the change should apply.

    • @ValsoOP
      link
      53 years ago

      I already have userchrome.css. And that code did it! Thanks very much! :D

  • @gmate8
    link
    13 years ago

    Oh yes I wanted to do the same, but just changing the color of it. You can see everything highlighted in cyan. I hate this, so I wanted to ask someone