用css控制select样式

piperzero

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

阅读量1.6k

点赞数

分类专栏：网站建设文章标签： css border c

网站建设专栏收录该内容

740 篇文章

订阅专栏

本文介绍了一种使用CSS和HTML实现特定样式效果的方法，通过巧妙设置盒子模型的属性来达到预期的显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

 <html> 
<head> 
<style> 
.box 
{ 
border: 1px solid #C0C0C0; 
width: 182px; 
height: 20px; 
clip: rect( 0px, 181px, 20px, 0px ); 
overflow: hidden; 
} 
.box2 
{ 
border: 1px solid #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> 
<div class = box><div class = box2> 
<select size = "1" name = "D1"> 
<option>内容一</option> 
<option>内容二</option> 
</select> 
</div></div> 
</body> 
</html> 