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>
时间： 2024-10-24 23:11:36