用css控制select样式

iteye_3224

于 2008-12-14 01:53:00 发布

阅读量164

点赞数

分类专栏： html和css 文章标签： CSS HTML

html和css 专栏收录该内容

63 篇文章

订阅专栏

http://www.corange.cn/archives/2008/10/1950.html

 
  <html> 
 <head> 
 <style> 
.box
{
border:1pxsolid#C0C0C0;
width:182px;
height:20px;
clip:rect(0px,181px,20px,0px);
overflow:hidden;
}
.box2
{
border:1pxsolid#F4F4F4;
width:180px;
height:18px;
clip:rect(0px,179px,18px,0px);
overflow:hidden;
}
select
{
position:relative;
left:-2px;
top:-2px;
width:183px;
line-height:14px;color:#909993;
border-style:none;
border-width:0px;
}
 </style> 
 </head> 
 <body> 
 <divclass=box><divclass=box2> 
 <selectsize="1"name="D1"> 
 <option>内容一</option> 
 <option>内容二</option> 
 </select> 
 </div></div> 
 </body> 
 </html> 
 