用CSS设置Select样式

前端开发   发布日期:2025年08月08日   浏览次数:175
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 <title>用CSS设置Select样式</title>
 <style type="text/css">
 <!--
 div {
         border:1px solid #c00;
         width:123px;
         height:18px;
         clip:rect(0px,18px,22px,0px);
         overflow:hidden;
 }
 select {
         position:relative;
         left:-2px;
         top:-2px;
         font-size:12px;
         width:125px;
         line-height:18px;
         border:0px;
         color:#909993;
 }
 -->
 </style>
 </head>
 <body>
 <div>
     <select>
     <option>我爱CSS</option>
     <option>Div+CSS教程</option>
     <option>CSS布局实例</option>
     <option>CSS2.0教程</option>
     <option>CSS在线手册</option>
     <option>Web标准</option>
     <option>XHTML教程</option>
     </select>
 </div>
 </body>
 </html>

 

以上就是用CSS设置Select样式的详细内容,更多关于用CSS设置Select样式的资料请关注九品源码其它相关文章!