@TheTwelveYearOld to Firefox [email protected]English • 1 year agoRemoving the shadows from the dropdown menus? I tried some CSS in the comments but it didn't work.imagemessage-square2arrow-up13arrow-down11cross-posted to: [email protected]firefoxcss
arrow-up12arrow-down1imageRemoving the shadows from the dropdown menus? I tried some CSS in the comments but it didn't work.@TheTwelveYearOld to Firefox [email protected]English • 1 year agomessage-square2cross-posted to: [email protected]firefoxcss
minus-square@TheTwelveYearOldOPlinkEnglish1•1 year agoThis is the CSS I tried: .menupopup-arrowscrollbox, .menupopup-arrowscrollbox::part(content), &::part(content) { box-shadow: none !important; border: none !important; } menupopup, panel { --panel-shadow: none !important; } menupopup > menu { box-shadow: none !important; }
minus-square@MrOtherGuyMlink1•1 year agoYou cannot use ::part() selectors in userChrome.css - they just don’t work. Also, if you use macOS with native menus then the shadow is from the native menus and will not be affected by any css.
This is the CSS I tried:
.menupopup-arrowscrollbox, .menupopup-arrowscrollbox::part(content), &::part(content) { box-shadow: none !important; border: none !important; } menupopup, panel { --panel-shadow: none !important; } menupopup > menu { box-shadow: none !important; }You cannot use
::part()selectors in userChrome.css - they just don’t work. Also, if you use macOS with native menus then the shadow is from the native menus and will not be affected by any css.