Ниже представлено решение на JavaScript и CSS, с помощью которого можно было бы изменить внешний вид любой части выпадающего списка. При этом соблюдена кроссбраузерность, а также решена проблема, возникающая в IE 6 при перекрытии DIV`ом выпадающего списка select, который оказывался видимым при любом значении z-index.

Работая над последним проектом, возникла надобность изменить вид элементов формы: checkbox и select. Так как велосипед изобретать мне не свойственно, я решил почитать немного умных мыслей, посоветоваться с духами в он-лайне. Потратив пару часов своего времени, я нашел следущее решение.

Существует множество способов создания вертикального меню. С помощью таблиц, блочной верстки, с JavaScript или без него … Ниже представлен наиболее простой способ создания вертикального меню, используя списки и CSS.

Меню сайта, которые мы видим на каждом сайте, могут быть оформлены как списки. По большому счету, меню сайта и является списком ссылок. Но для того чтобы список отображался не в том виде, в каком выводит браузер, следует воспользоваться каскадными таблицами стилей CSS. В данном случае, нам следует расположить элементы списка горизонтально и убрать маркеры.