给select标签应用css

莫生气

浏览: 861941 次
性别:
来自: 上海

最近访客更多访客>>

jinchengcheng

jklwan

wsj0051

jimwzws

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

CSS IE HTML

研究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>

我是中国人
<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>

分享到：

今天去和客户那里进行需求分析了。 | 时间管理

2006-09-13 21:20
浏览 6214
评论(2)
查看更多

2 楼 yangqianyu222 2009-07-23

la ji

1 楼 zhjb7 2008-03-07

把div换成span试试

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论