this post was submitted on 28 Jul 2023
10 points (85.7% liked)

Firefox

4567 readers
61 users here now

A community for discussion about Mozilla Firefox.

founded 2 years ago
MODERATORS
lightbeam24@lemmy.world
10
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.world
6 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.

top 6 comments
sorted by: hot top controversial new old
[–] FatherBean@lemmy.world 5 points 2 years ago (1 children)

Right click on it and there will be an option to force state

[–] TheTwelveYearOld@lemmy.world 1 points 2 years ago (1 children)

Can you be more specific? Do you mean right click it in the dev tools and change the psuedo-class? I just tried all of them again in both the <select> and an <option> element and it didn't work.

[–] FatherBean@lemmy.world 1 points 2 years ago

You should be able to do this if you inspect the element in the Dev tools

[–] justtobbi@feddit.de 5 points 2 years ago (1 children)

I sadly dont know the answer, but I would also like to know. Hence why I'm leaving this comment :)

[–] soyagi@yiffit.net 6 points 2 years ago (1 children)

This is what the upvote function is for.