首先下拉菜单的样式是可以改变的，最关键的步骤是在select外层包裹一个div。
具体如下：
首先准备好一个你想替换成的样式的背景图片，因为这个效果是通过设置背景图片实现的。
在select外层包裹一层div，设置select的border:noneoutline-style:none(去除边框和选中时的边框)
设置select的背景为你之前准备好的效果图片。
css中很多效果都是通过这种去除边框，设置背景透明，再加上自己想要的背景图片来实现的。有时候甚至将整个元素整个设置透明，用自己制作的样式来替换。
图片中的箭头用的都是背景图片。
先找到保存这些图片下来，然后再写相应的CSS。
css背景代码：
background:url(bgimage.jpg) no-repeat -2px 0px //后面的-2px 0px可以去掉或者调整相应的图片坐标位置CSS改变流动条的样式，代码如下：
scrollbar-face-color:#FEFAF1 (立体滚动条凸出部分的颜色)scrollbar-highlight-color:#FEFAF1 (滚动条空白部分的颜色)
scrollbar-shadow-color:#FEFAF1 (立体滚动条阴影的颜色)
scrollbar-arrow-color:#E6C3B9(上下按钮上三角箭头的颜色)
scrollbar-base-color:#FEFAF1 (滚动条的基本颜色)
scrollbar-darkshadow-color:#E6C3B9 (立体滚动条强阴影的颜色)
scrollbar-3dlight-color:#E6C3B9(滚动条亮边的颜色)
scrollbar-track-color:#FEFAF1} (滚动条的背景颜色)
CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
