Max-width of Select Options

Question

I am trying to limit the length of the items of the Select Dropdown.

Here is an example: Codepen

It looks like there can only be a max-width on the Select item and not on the Option items.

.maxwidth > option {
  max-width:150px;
  background: #000;
  color: #fff;
}

score 0 · Answer 1 · answered Mar 18 '22 at 11:32

It's not possible with the default browser <select> for more info read this post: How to style the option of an html "select" element?

You can either choose to use a library with a customizable select or make a select element yourself with javascript.

1 Answers1