Странные выпадающие опции в Google Chrome

Question

Мой HTML-код для выпадающего списка:

<select>
    <option style="display:block;">--Please Select --</option>
    <option style="display:block;">one</option>
    <option style="display:none;">two</option>
    <option style="display:none;">three</option>
</select>

Проблема: отображается как прокрутка одной строки в chrome.Нет проблем в Firefox и других браузерах.

Прикрепленное изображение для наглядности.

Пожалуйста, помогите!

Answer 1

Браузер изменяет высоту раскрывающегося списка, чтобы отобразить как высоту первых видимых параметров для определенного размера.Если я поставлю две сверху, я получу две строки, три видимых варианта дают три строки и так далее.Остальные опции все еще есть, но только с полосой прокрутки.

Скрытие параметров с помощью display: в других браузерах не происходит сбоев.

Я обнаружил, что вместо скрытия параметров мы не скрываемнужны варианты из самого выбора, а не с использованием дисплея: нет.

Ссылка: Хром-дисплей: ни одна опция не выбрана