1美化前
美化后
所用到的图片资源
主要美化的地方是右面的箭头，关键性css为
-webkit-appearance: none;
代码如下：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 select{ 8 width:100px; 9 -webkit-appearance: none; 10 background: url("arrow.jpg") 75px 6px no-repeat; 11 background-size:16px 16px; 12 height: 30px; 13 padding-left:5px; 14 } 15 </style> 16 </head> 17 <body> 18 <select name="sel" id="provinse"> 19 <option value="">北京</option> 20 <option value="">上海</option> 21 <option value="">广州</option> 22 <option value="">深圳</option> 23 </select> 24 </body> 25 </html>
原文：http://www.cnblogs.com/wu-hou/p/6391029.html