Make a select the width of the chosen option

[lukefrake]

Hello All,

I want to make a select that will dynamically change size depending on what option has been chosen.

I have been rattling my brain with a way to do this with pure css and I just can’t seem to get it to work, does anybody have any ideas?

I have made a really basic codepen of what I mean here

[Paulie_D]

Pretty much impossible with standard select boxes.

These are browser specific and, generally, styled by the browser user agent.

As far as I know the select dropdown options will always be a fixed width wide enough to show the longest option.

https://css-tricks.com/dropdown-default-styling/

Pretty much you only option is to hide/replace with another set of elements.

[lukefrake]

Yeah thats kind of what I thought just wanted a few other opinions on it :)

[Author]

Posts