復(fù)制代碼代碼如下:
!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樣式設(shè)置/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實現(xiàn)簡單網(wǎng)頁遮罩層/彈出層效果兼容IE6、IE7
- bootstrap3 兼容IE8瀏覽器!
- css padding屬性兼容ie6,ie8,firefox實例詳解
- 擁有最小高度能自適應(yīng)高度同時全兼容IE、FF的div設(shè)置
- IE7或者IE8全屏解決方案
- 含IE兼容解決方法 純CSS3實現(xiàn)圓角效果
