В моей компании был веб-сайт, над которым мы работали дизайнером. Это выглядит намного лучше, но я столкнулся с трудностью реализации их дизайна в HTML + CSS. У них сильно стилизованный блок <select>
, настолько, что я не смог воссоздать его с чистым CSS. Я нашел решение , которое использует Javascript для замены поля <select>
на <ul>
. Это работает почти идеально, но есть две проблемы:
- Он не прокручивается, когда много элементов.
- Он не закрывается, когда вы щелкаете за пределами раскрывающегося списка.
Я поиграл с этим в Firebug, но, поскольку <li>
имеют стиль display:block
, кажется, они не содержатся в окружении <ul>
, что означает, что я не могу установить максимальная высота.
Проблема № 2 не так важна, но было бы неплохо узнать, как это исправить.
Вот ссылка на страницу проблемы: http://www.truwindshield.com/test2/