this post was submitted on 28 Jul 2023
15 points (100.0% liked)

Firefox

17840 readers
16 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
15
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
[–] donnachaidh@lemmy.dcmrobertson.com 1 points 1 year ago

You can't style options, as they're browser-dependent and there isn't an agreed standard. You'd have to use a replacement, which provides the functionality with other components.

Then, to keep it open, you should be able to toggle classes and states in the inspector. I'm Firefox, it's above the style inspector, labelled as .cls and :hov, I believe (I'm on mobile at the moment).