select option слишком большая ширина

112

31 июля 2021, 14:20

<select class="select-css" style="width:150px;">
<option>This is a native select element</option>
<option>Apples</option>
<option>asdasdasdsadsad sadsads daadsadsadsdsdas dasdsd asdasdsadsaaaaaaaaaaaaaaaa aaaaaBananas</option>
<option>Grapes</option>
<option>Oranges</option>
</select>

Answer 1

Максимум, что вы сможете сделать - задать фон, цвет и параметры шрифта. И то не факт, что во всех браузерах сработает.

<option> - это примерно такая же штука, как тултип, всплывающий при наведении мыши на элемент с заданным атрибутом title. Рендерится системой по запросу браузера поверх всего и размерами этого элемента управлять нельзя. Хотите нормальной кастомизации - используйте реплейсеры типа jQuery UI, которые скриптом вместо вашего <select><option> подставят имитатор, построенный на дивах или списках. Он обстиливается как вам захочется.