ie6 7 8设置select的高度

最新推荐文章于 2024-01-05 10:15:18 发布

kongjiea

最新推荐文章于 2024-01-05 10:15:18 发布

阅读量5.1k

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/kongjiea/article/details/40041903

版权

css 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Select高度兼容性分析DEMO</title>
<style type="text/css">
body{background:#fff;text-align:center;}

.standard_select{ /*边框*/
	display:inline-block;
	border:solid 1px #E3E9EF;
	border-top-color:#ABADB3;
	padding:5px; /*调整此处改变select高度*/
}
.select_shelter{ /*遮挡默认边框*/
	display:inline-block;
	width:100px;
	*width:98px;
	height:20px;
	overflow:hidden;
}
.select_shelter select{
	*margin:-2px;
	padding:1px;
	border:0px;
	width:100px; /*select的宽度*/
}
</style></head>

<body>
<br><br><br><br><br><br>
<span class="standard_select"><!--边框-->
	<span class="select_shelter"><!--遮挡默认边框-->
	<select>
		<option value="papername" selected="selected">SELECT选项标签</option>
		<option value="state">选项二</option>
		<option value="state">选项三</option>
		<option value="state">选项四</option>
		<option value="state">选项五</option>
		<option value="state">选项六</option>
	</select>
	</span>
</span>
</body>
</html>