好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)


复制代码

代码如下:


<!DOCTY PE ht ML P ub LIC "-//W3C//DTD XHTML 1.0 Trans IT ional//EN" "http://www.w3. org /TR/xhtml1/DTD/xhtml1 -t ransitional.dtd">
<html XM lns="http://www.w3.org/1999/xhtml">
<head>
< ;m eta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>兼容IE6/IE7/IE8/火狐---下拉菜单select样式设置</title>
<style type="text/css">
body {background-color: # 6C6;}
.select_border{
width:59px;
h ei ght:29px;
*background:#fff;
background:#fff;
*border:1px solid #09f;
*padding:4px;
*height:20px;
}
.cont ai ner{
*border:0;
*position:relative;
*height:18px;
*overflow:hidden;
}
.select{
border:1px solid #09f;
padding:4px 3px;
font- Size: 12px;
height:30px;
width:60px;
*width:52px;
m arg in:-1px;
}
.select_border,.container {*width:50px;}
</style>
</head>
<body>
<p> 宽 高:93px-28px</p>
<div class="select_border">
<div class="container">
<select n am e="" class="select">
<option>北京</option>
<option>天津</option>
<option>上海</option>
<option>重庆</option>
</select>
</div>
</div>
</body>
</html>

总结

以上是 为你收集整理的 下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐) 全部内容,希望文章能够帮你解决 下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐) 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)的详细内容...

  阅读:25次