怎么自定义select下拉选择框的样式，起先考虑怎样使用纯CSS实现，把浏览器默认的样式覆盖掉，但达不到理想的兼容，下面是比较有效的解决方案，需要的朋友可以看看

今天群里有人问到怎么自定义select下拉选择框的样式，于是群里就展开了激烈的讨论，刚开始一直就是考虑怎样使用纯CSS实现，把浏览器默认的样式覆盖掉，但最后均因兼容问题处理不好而失败告终，最后的解决方案就是用其他的元素（如ul,li）模拟下拉菜单，或者是使用网上一些现成的插件。 其实select这个东西只靠纯CSS是不能解决这个自定义样式问题的，但既然折腾了这么久，还是说一下CSS实现的思路吧。 首先对于默认的样式：   刚开始想到使用背景，但经试验对select设置背景是无效的，于是后来