复制代码代码如下:
!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
推荐阅读
- 使用Filters滤镜弥补CSS3的跨浏览器问题以及兼容低版本IE
- 教你解决Win8的IE10浏览器不兼容的问题
- bootstrap IE8 兼容性处理
- ie6,ie7,ie8完美支持position:fixed的终极解决方案
- jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
- bootstrap3 兼容IE8浏览器!
- css padding属性兼容ie6,ie8,firefox实例详解
- 拥有最小高度能自适应高度同时全兼容IE、FF的div设置
- IE7或者IE8全屏解决方案
- 含IE兼容解决方法 纯CSS3实现圆角效果
