Как изменить высоту выпадающего списка в HTML?

Question

Проблема в том, что я не могу изменить высоту выпадающего списка в html.for (выберите -> опция). Я пытаюсь применить стиль в CSS. Не работает

Answer 1

Вы можете стилизовать select и option элементы, использующие CSS так:

select { height: 200px; color: red; }

option { color: green; }

Обратите внимание, что вы должны удалить "." до выберите и параметр . Это заменит любой элемент select и option .

EDIT:

Вы также можете обратиться к определенному элементу select , присвоив этому элементу имя класса, например:

select.s1{ height: 100px; }

select.s2{ height: 150px; }

<select class="s1">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
</select>

<select class="s2">
    <option value="fiat">Fiat</option>
    <option value="ferrari">Ferrari</option>
    <option value="alfaromeo>Alfa Romeo</option>
    <option value="lancia">Lancia</option>
</select>

Answer 2

<select style="min-height:40px;min-width:100px;">
     <option value="">Select1</option>
     <option value="">Select2</option>
     <option value="">Select3</option>
</select>

Answer 3

Вам просто нужно использовать атрибут height CSS для тега select.

label select {
  height: 100px;
}

<label>
    <select>
        <option selected>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <option>Option 4</option>
    </select>
</label>

Answer 4

Вы не можете контролировать стиль option. (см. здесь: https://css -tricks.com / dropdown-default-styling / )

однако вы можете изменить font-size и option вырастет

select option{
  font-size: 20px;
}

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Answer 5

Невозможно изменить высоту 'option'

Только вы можете изменить цвет фона и цвет значений 'option'

Вы можете изменить высоту элемента select.