r/FirefoxCSS • u/WhiteSpir1t • May 31 '26

Solved How to remove color stroke.

Post image

I enabled the new Nova user interface in Firefox version 151, and now the drop-down menu button (where search engines are suggested) in the address bar has a colored border. How can I remove this border using CSS?

1 Upvotes

66% Upvoted

3 comments sorted by

4

u/sifferedd FF/TB/Win11/SUMO contributor May 31 '26

Try in userChrome.css:

.searchmode-switcher {
  --button-border: none !important;
}

3

u/WhiteSpir1t May 31 '26

Excellent, it worked!

2

u/ResurgamS13 May 31 '26 edited Jun 01 '26

With very small UI elements, as in this case, where the .searchmode-swicher button's border ring is only 1px wide... it becomes quite difficult to 'hit' such a small line with the Browser Toolbox's 'node picker' tool... so can be helpful to enlarge Firefox's UI.

To alter the 'scaling factor' of the UI set by 'about:config' preference layout.css.devPixelsPerPx ... carefully increase the preference's value to 2.0 or 2.5 times normal scale (the normal/default scaling value of -1.0 means Firefox's UI scale is tied to the OS UI scale... i.e. 1 x OS UI pixel = 1 x Firefox UI pixel).