用CSS设置Select样式

最新推荐文章于 2025-05-16 16:26:30 发布

weixin_30267697

最新推荐文章于 2025-05-16 16:26:30 发布

阅读量352

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml

原文链接：http://www.cnblogs.com/pyblogs/p/3492354.html

 1 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 2 <head>
 3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 4 <title>用CSS设置Select样式</title>
 5 <style type="text/css">
 6 <!--
 7 div {
 8         border:1px solid #c00;
 9         width:123px;
10         height:18px;
11         clip:rect(0px,18px,22px,0px);
12         overflow:hidden;
13 }
14 select {
15         position:relative;
16         left:-2px;
17         top:-2px;
18         font-size:12px;
19         width:125px;
20         line-height:18px;
21         border:0px;
22         color:#909993;
23 }
24 -->
25 </style>
26 </head>
27 <body>
28 <div>
29     <select>
30     <option>我爱CSS</option>
31     <option>Div+CSS教程</option>
32     <option>CSS布局实例</option>
33     <option>CSS2.0教程</option>
34     <option>CSS在线手册</option>
35     <option>Web标准</option>
36     <option>XHTML教程</option>
37     </select>
38 </div>
39 </body>
40 </html>