Текстовое поле с поведением раскрывающегося списка с использованием CSS / JavaScript

Question

Я пытаюсь создать единый стиль для небольшой веб-формы.

Проблема в том, что выпадающий список кажется довольно невозможным для стилизации по мере необходимости - параметры прокрутки браузера и т. Д., По-видимому, поступают из ОС.

Решение, которое я вижу, состоит в том, чтобы манипулировать реализацией комбинированного списка, чтобы я мог использовать текстовое поле с выборами, управляемыми через JavaScript / CSS, но я не знаю, с чего начать. Такое ощущение, что кто-то должен был сделать что-то подобное раньше, но я посмотрел вокруг Google и могу найти только плохие примеры CSS в самом дроплисте или действительно тщательно спроектированные ComboBox-ы, которые мне нужно выкинуть до n-й степени, чтобы начать работать ,

То, что я пытаюсь создать, выглядит так:

Кто-нибудь делал что-то подобное раньше, или они могли бы указать мне на достойный ресурс, чтобы делать то, что мне нужно. Это реализация ASP.NET, но я с удовольствием буду использовать JQuery и т. Д., Если потребуется?

Спасибо за вашу помощь.

Answer 1

Попробуйте плагин jQuery Редактируемый выбор .

Answer 2

Списки отображаются операционной системой, а не браузером. Они будут выглядеть по-разному на Mac против Windows XP против Vista и т. Д.

Как подсказывает RegDwight, вам нужно свернуть свои собственные, используя CSS / HTML / JavaScript и забыть об использовании чего-либо более продвинутого.