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

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

复制代码代码如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://imgbuyun.weixiu-service.com/up79/202210/vetfc4qq03u.dtd"
html xmlns="http://imgbuyun.weixiu-service.com/up79/202210/djmgzvnlw45"
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

推荐阅读

    IE8采用多兼容模式正常显示网页

    IE8采用多兼容模式正常显示网页,网页,兼容模式,浏览器,模式,兼容,产品,多种,IE8将具有多种兼容模式。IE平台建筑师Chris Wilson在博客中写

    ie10 css hack 条件注释等兼容方式整理

    ie10 css hack 条件注释等兼容方式整理,注释,条件,支持,方法,兼容,整理,检测,ie10已经上线一段时间了,相信已经有一部分前端潮人体验过了,但

    让IE8启动IE7兼容模式的代码

    让IE8启动IE7兼容模式的代码,兼容模式,兼容性问题,模式,启动,调用,热门,版本更新,热门的tag非IE8莫属 各浏览器厂商争相发布版本更新 部分

    原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题

    原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题,兼容性问题,方法,原生,调用方法,兼容性,正则表达式,浏览,原生js方

    padding ie 不兼容问题

    padding ie 不兼容问题,不兼容,使用说明,识别,情况,都不,这种情况,不正常,通常我们遇到3种情况:IE6 正常 IE7/FF不正常这种情况下我们这样

    bootstrap3 兼容IE8浏览器!

    bootstrap3 兼容IE8浏览器!,浏览器,兼容,学习,支持,版本,引用,最新, 近期在使用bootstrap这个优秀的前端框架,这个框架非常强大,框架里面有下