this post was submitted on 24 Aug 2023
2 points (66.7% liked)

Firefox CSS

452 readers
1 users here now

Pushing the limits of the Firefox Browser through the use of CSS.

#join #firefoxcss:mozilla.org

Post your Firefox UI customizations here!

What is userChrome.css?

Rules (enforced)

  1. Posts must have flair!

  2. Follow Lemmy.World rules

  3. Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.

  4. Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.

  5. When posting large amount of code use a service dedicated to hosting text snippets, such as pastebin, hastebin, github gist or equivalent. Relatively short snippets can be wrapped in code-block for inline viewing.

  6. Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.

Guidelines (not enforced)

Consider adding the following info to help people try your tweaks:

  1. Screenshots should have code in comments.

  2. Include Firefox version

  3. When asking for help you should share your custom style to help others understand what you are doing. This is increasingly important the more custom rules you have.

  4. List any other addons that may be changing the UI

  5. If a custom wallpaper is used, include a link to the original.

  6. If someone's comment solves you problem, reply to the comment to let them know, and change your post flair to solved.

Wiki

Find Helpful Knowledge and answers to common issues in /c/FirefoxCSS wiki.

Links

Lemmy Communities

Websites

founded 2 years ago
MODERATORS
WandererLagomorph770
2
How can I make the corners rounded for selected dropdown elements (the green one), and the menu itself? (lemmy.world)
submitted 1 year ago* (last edited 1 year ago) by TheTwelveYearOld to c/firefoxcss
1 comments fedilink hide all child comments
 

Edit: One user proposed to set widget.macos.native-context-menus to false in about:config, but the issue I'm trying to solve is the `` context menus not looking native, which I'm trying to fix with CSS. So I don't want to set it to false. I filed a bug report since the menus are supposed to be native when set to true.

This is the page to see the select elment, you change the CSS using the browser toolbox (not the dev tools). I tried setting border-radius on both the option elements and the context menu itself, but nothing has worked.

all 2 comments
sorted by: hot top controversial new old
[–] [email protected] 2 points 1 year ago

You might need to target the appropriate selector. Something like the :hover or :active of the element class or id the dropdown iterates.