Создание кросс-браузерных выпадающих меню из Uls вместо <select>

Question

Здравствуйте! Я ищу учебник по созданию последовательных кросс-браузерных выпадающих меню, другие элементы формы кажутся довольно простыми для стилизации. Мне интересно, смогу ли я как-нибудь уйти от стилизации тега select из css или мне нужно переписать все выборки в неупорядоченные списки

Answer 1

Селектбокс не очень хорошо подходит для стилизации с помощью CSS, это элемент системного интерфейса.Единственный шанс стилизовать его так, как вам нравится, - это создать альтернативную HTML- / CSS- / JavaScript-конструкцию

. Вы можете изменить настройки фона и границ, такие как шрифты и т. Д., Но общий вид иощущение, особенно треугольник, не настраивается, по крайней мере, не во всех браузерах.

Чтобы использовать решение на основе JavaScript, вот то, которое работает с jQuery:

http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html

Answer 2

Закончилось сворачивать мои собственные выпадающие списки с помощью ul, li и css hover и некоторого javascript для отправки формы