Firefox

17602 readers

808 users here now

A place to discuss the news and latest developments on the open-source browser Firefox

founded 4 years ago

MODERATORS

k_o_t@lemmy.ml

How can I keep dropdown menus open while inspecting them in dev tools? (lemmy.world)

submitted 1 year ago by TheTwelveYearOld@lemmy.world to c/firefox@lemmy.ml

13 comments fedilink hide all child comments

The dropdown menu is here: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select

I’d like to change the CSS of the dropdown elements in a <select> element in dev tools, but I can’t make the dropdown stay open.

you are viewing a single comment's thread
view the rest of the comments

[–] TheTwelveYearOld@lemmy.world -3 points 1 year ago* (last edited 1 year ago) (1 children)

I'm on Mac and that's not a native dropdown menu, this is what it looks like:

text .

[–] SSUPII@sopuli.xyz 1 points 1 year ago* (last edited 1 year ago)

Because Firefox cannot interact with the system directly, can only ask the system for the basic drop-down menu. You MIGHT be able to edit it via CSS in the browser UI, but I doubt.

The only browser to have access the style you are showing is Safari due to Apple's choice to lockdown features to their programs only. The system knows how to do other drop-down menus, but it will not let you.