Есть обычный select:
<select>
<option value="emptyOption" hidden disabled>Выберите сегмент</option>
<option value="1">Сегмент 1</option>
<option value="2">Сегмент 2</option>
<option value="3">Сегмент 3</option>
<option value="4">Сегмент 4</option>
</select>
Во всех популярных браузерах, кроме
EDGE, отображается корректно, в последнем в самом низу списка появляется пустое место, как можно исправить данный недостаток, не убирая атрибут
hidden?
Explorer 11 не реагирует на атрибут, ну и Бог с ним (применяет disabled - этого достаточно для IE) - для EDGE этот вариант был бы приемлимым тоже.