Firefox

20572 readers

83 users here now

/c/firefox

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

Rules

1. Adhere to the instance rules

2. Be kind to one another

3. Communicate in a civil manner

Reporting

If you would like to bring an issue to the moderators attention, please use the "Create Report" feature on the offending comment or post and it will be reviewed as time allows.

founded 5 years ago

MODERATORS

k_o_t@lemmy.ml

golden_zealot@lemmy.ml

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

submitted 2 years ago by TheTwelveYearOld@lemmy.world to c/firefox@lemmy.ml

15 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

[–] Anticorp@lemmy.ml 3 points 2 years ago

There are state managers inside of dev tools. You want to inspect the element and the check the :hover state, or :active state, whichever is applicable to your interface. I don't recall off-hand which button exposes those in dev tools, but it's at the top of the element inspector window. Click a few and I'm sure you'll find it.