研究CSS,需要给select标签加样式,网上查了资料。像一般给文本框那样的应用css,在ie下是不管用的 ,必须使用特殊的方式才能成。找个例子自己写了下。出来不,不过有个bug,就是文字不能和下拉列表框在同一行上。不知道怎样才能解决嗯?
代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
.select{
border:1px #7F9DB9 solid;
float: left;
display: inline;
margin-right:6px;
}
.select div{
border:0px #7F9DB9 solid;
float: left;
}
.select>div{
width:30px;
height: 17px;overflow:hidden;
/*clip:rect(0px 100px,17px,0px);*/
}
* html .select div select{
display:block;
float: left;
margin: -2px;
}
.select div>select{
display:block;
width:104px;
float:none;
margin: -2px;
padding: 0px;
}
.select select>option{
text-indent: 4px;
}
</style>
</head>
<body>
<form name="form1" method="post" action="">
我是中国人
<div class="select">
<div>
<select name="select">
<option>我是中国人</option>
<option>我是河南人</option>
<option>我是安阳人</option>
</select>
</div>
</div>
<div class="select">
<div>
<select name="select">
<option>我是中国人</option>
<option>我是河南人</option>
<option>我是安阳人</option>
</select>
</div>
</div>
<div class="select">
<div>
<select name="select">
<option>我是中国人</option>
<option>我是河南人</option>
<option>我是安阳人</option>
</select>
</div>
</div>
</form>
</body>
</html>