从Uls创建跨浏览器下拉菜单而不是<select> </select>

Question

您好我正在寻找有关创建一致的跨浏览器下拉菜单的教程，其他表单元素看起来很容易。我想知道我是否能以某种方式从css中选择标记样式，或者我必须将所有选择重写为无序列表

Answer 1

选择框的CSS风格不是很好，它是一个系统UI元素。以您喜欢的方式设置样式的唯一机会是创建另一种HTML- / CSS- / JavaScript构造

您可以更改背景和边框设置以及字体等内容，但整体外观和感觉，特别是三角形，是不可定制的，至少在所有浏览器中都没有。

要使用基于JavaScript的解决方案，可以使用jQuery：

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

Answer 2

使用ul，li和css悬停以及表单提交的一些javascript滚动我自己的下拉列表