Как установить ширину элемента HTML <select>, не учитывая ширину каждого параметра?

Question

На самом деле я знаю, что поле выбора width установлено самым длинным параметром в списке, но я хочу увеличить длину (ширину) элемента select html.

Я также искал иЯ понимаю, что этот код style="max-width:70%" может работать, но он не работает для меня.

Код ниже мой:

<select class="form-control"style="max-width:70%">
    <option value="1">option 1 </option>
    <option value="2">option 2</option>
    <option value="3">option 3</option>
</select>

Answer 1

Вы должны использовать атрибут width вместо max-width.исправьте ваш код в приведенном ниже примере:

<select class="form-control"style="width:150px">
    <option value="1">option 1 </option>
    <option value="2">option 2sdsdsdsd</option>
    <option value="3">option 3</option>
</select>

Answer 2

Это вам поможет.

    <select class="form control"style="width:70%">
    <option value="1">option 1 </option>
    <option value="2">option 2sdsdsdsd</option>
    <option value="3">option 3</option>
    </select>

Answer 3

Для увеличения ширины раскрывающегося списка необходимо использовать свойство css min-width независимо от ширины параметров.

html:

<select class="dropdown">
    <option value="1">option 1 </option>
    <option value="2">option 2</option>
    <option value="3">option 3</option>
</select>

css:

.dropdown{
  min-width: 200px;
}