本节内容：
css更换select下拉箭头

使用默认的select下拉列表，右边的下拉箭头很不美观。
原理分析：
在select外层加入2个span，首先设置第一个span，其width大于select的width，在这个span的背景加入想要的下拉箭头样式。
然后，再加第二个span，其width小于select的width，关键设置好它的overflow的宽度，隐藏select的下拉箭头。

优点：设置简单。
缺点：若无javascript模拟鼠标点击则下拉箭头仅能起到装饰作用。

1，css代码    

2，html内容部分    

最终效果：

在IE8，FF，Safari，Opera下显示正常。
实现方法：
第二步：添加第二个span，id是sleHid，这个span是将表单中的select隐藏起来，注意设置好宽度，这是关键。
第三步：为2个span写好样式，测试在不同浏览器里的兼容性。