如何用css和div控制html页面中的下拉列表框(select)

        近日在做一个小型项目的时候，发现ie6中不能用css控制select下拉列表框的样子，甚是郁闷，后来google了一番，加上自己的尝试，终于使用外嵌div的方式比较圆满的解决了这个问题，特写此稿，分享自己的心得体会。

        首先，在ff2.0中，对select的样式控制是可以被渲染的，至于mac下的safari会不会渲染对select的样式控制，没有试过，不得而知，仅针对使用最广泛的ff2.0和ie6做了下面一个例子。

        select下拉列表框样式控制的关键就是在其外面嵌套一个div，并控制div边框格式以及其overflow属性，并请注意div和select各自的position属性，这个也很重要哈，大家可反复设置这几个属性的不同取值，做做实验，就明白其中道理了

        大家可以从附件中下载源代码查看。把这段代码保存为一个html文件，分别用ff2.0和ie6浏览，即可得到如下效果：