@TheTwelveYearOld to Firefox [email protected]English • 11 months 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 • 11 months agomessage-square2cross-posted to: [email protected]firefoxcss
minus-square@TheTwelveYearOldOPlinkEnglish1•11 months 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•11 months 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.