this post was submitted on 28 Jul 2023
-1 points (0.0% liked)

Firefox

17815 readers
8 users here now

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

founded 4 years ago
MODERATORS
[email protected]
-1
How can I keep dropdown menus open while inspecting them in dev tools? (lemmy.world)
submitted 1 year ago by [email protected] to c/[email protected]
8 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
[–] [email protected] 0 points 1 year ago (1 children)

The style of the dropdown menu are managed by the operative system. You can't keep it open, and you can't modify it outside of your system settings.

You might re-implement the drop-down system menu by yourself via CSS/JS if this is your website, so they become actual elements of the website.

[–] [email protected] -1 points 1 year ago* (last edited 1 year ago)

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

text.