Dynamic horizontal scrolling based on the amount of content 

True

I can do it if you have a free pixel on each side :)

Hi there, i strongly recommend you to learn the Emmet code completion. It will make your workflow much faster and easier!

@@iamtharunraj Thank you for the recommendation. I guess i never realized it before. I maybe have used abbreviations so far like typing the tag name but never realized i could do more with it

bump

you should be able check for option:checked and put that in :has() to style the e.g. for the first example on the mozilla documentation on select#pet-select:has(option[value="dog"]:checked) { background: red; }

@@MrCrackerplays this is so excellent. totally the answer. my deepest thanks. This question is all over SO through the years and everyone says there's no option. astounding. chaining :has :checked is new to me and super useful to know. It's worth pointing out that (at least in my codepen) this does format all the selections in the dropdown (but only in the dropdown) the same as whatever you've set here, but that styling does go away upon selecting something else (e.g., in your example, if you were to select dog, then click the dropdown again, the dropdown options will all display with the "dog" styling, but this goes away upon selecting something else. In case you're interested, the use case is where the first option is a placeholder text, and the remaining options are things the user is intended to click. Still, this is by far the closest I've seen anyone come. Well done.

@@toddcamnitz6164 it's of course also possible to instead style the option rather than the select itself with select#pet-select option[value="dog"]:checked or using css variables you define on the select, use on the option, and can re-define on the select based on a select:has() but it entirely depends on what exactly you want to style about the select and the options also, the displaying of the background color differs a lot between chrome and firefox, if that's something you care about

@@MrCrackerplays interesting ideas - I'll play around with this and see what I get. Definitely seeing the inconsistent results. I love that MDN leads with " is notoriously hard to style..." My thanks again for your time and ideas.