下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)
导读:收集整理的这篇文章主要介绍了下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐 ,觉得挺不错的,现在分享给大家,也给大家做个参考。 复制代码代码如下: <!DOCTYPE htML PubLIC "-//W3C/...
收集整理的这篇文章主要介绍了下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐),觉得挺不错的,现在分享给大家,也给大家做个参考。 复制代码代码如下:
!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> 兼容IE6/IE7/IE8/火狐---下拉菜单select样式设置/title>
style type="text/css">
body { background-color:#6C6; }
.select_border{
width:59px;
height:29px;
*background:#fff;
background:#fff;
*border:1px solid #09f;
*padding:4px;
*height:20px;
}
.container{
*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;
margin:-1px;
}
.select_border,.container { *width:50px; }
/style>
/head>
body>
p> 宽高:93px-28px/p>
div class="select_border">
div class="container">
select name="" class="select">
option> 北京/option>
option> 天津/option>
option> 上海/option>
option> 重庆/option>
/select>
/div>
/div>
/body>
/html>
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)
本文地址: https://pptw.com/jishu/584860.html