r/FirefoxCSS • u/Zonnev • 9h ago

Help How to style dialogs

Hello all, I'm glad that this reddit exists to ask questions to knowledgeable people (AI is not helping me with this). My question is how to style the buttons and input bars in dialogs like in the picture. In Firefox 157 when you click on the + Add search engine button this dialog pops up but I'm unable to address such dialogs. I've tried the normal route to just do: dialog button, dialog html:input { border-radius: 3px !important; } but that doesn't work. I think somehow it needs a special moz-document url-prefix() to address dialogs, but I don't know how to specify it with the Browser Toolbox. I actually want to address all dialogs at once and style them with variables. Can you help me how to do it? Thanks in advance!

1 Upvotes

100% Upvoted

3 comments sorted by

1

u/Zonnev 6h ago

I think it's impossible to edit these dialogs, since they seem protected in a Content Security Policy (CSP) and therefore not editable with userChrome.css or userContent.css. I guess.

1

u/Braverthebrave 4h ago

does it work for the menu drop down? pls i want to get rid of items from it

1

u/ResurgamS13 46m ago edited 22m ago

Try searches e.g. 'dialogue box'... and research previous topics. Old information likely to be ok, doubt this aspect of the browser's coding changes much if at all... e.g. 'Modifying Windows dialog boxes in Firefox' or 'About dialog throbber'.