亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > HTML > 正文

select的最佳預設打造全兼容各瀏覽器select

2024-08-26 00:11:47
字體:
來源:轉載
供稿:網友
我們知道select標簽在各個瀏覽器中的屬性和各瀏覽器的支持各有些不同,從而造成select選擇框在各瀏覽器的顯示有不同,下面我們通過對主要外形CSS屬性的支持,打造全兼容select。
我對select的height、padding、line-height分別利用控制變量的方法寫了個DEMO在各瀏覽器上測試三種情況:height.100.padding.0、height.no.padding.100、no.height.no.padding,結果如 鏈接圖片各瀏覽器DEMO外觀
 
我們可以得出以下研究屬性。

ie6

ie7

ie8

ie9

ff

ch

sf

op

默認高度

22px

22px

   

19px

20px

19px

19px

height

F

T

T

T

T

T

F

T

padding

F

F

T

T

T

T

F

T

line-height

F

F

F

F

F

F

T

F

文字垂直居中

T

T

T

F

F

T

T

T


通過上述的研究成果屬性匯總,我們知道IE6是無論如何設置都是固定高度為22px不變的,而其他瀏覽器除safari都是支持height屬性的,那么我們設置 height:22px。那么現在我們修正一下safari瀏覽器,,我們發現僅有safari支持line-height屬性那么正好可以利用line-height修正其高度為22px,在font-size為12px的前提下設置 line-height:22px,最后FF和IE9里面的文字不居中,對其設定 padding:2px 0,我們發現FF和IE9都居中了,但是各個瀏覽器的select的高度也并沒有增加,那么這里有點疑問,在高度設定的情況下,小量數字的padding不增加整體高度?
下面是全兼容代碼示例。

復制代碼
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲一区二区久久| 国产午夜精品一区理论片飘花| 在线观看视频亚洲| 国产精品∨欧美精品v日韩精品| 91情侣偷在线精品国产| 久久久精品中文字幕| 久久精品中文字幕免费mv| 国模精品视频一区二区三区| 欧美精品久久久久| 日日骚av一区| 日韩av中文字幕在线| 欧美日韩视频免费播放| 裸体女人亚洲精品一区| 亚洲国产精品久久久久秋霞蜜臀| 久99久在线视频| 成人两性免费视频| 欧美高跟鞋交xxxxxhd| 国产精品夫妻激情| 国产精品偷伦一区二区| 成人做爰www免费看视频网站| 久久精品电影一区二区| 在线日韩av观看| 亚洲男人天堂九九视频| 欧美亚洲国产成人精品| 日韩欧美国产激情| 国产精品嫩草影院一区二区| 国产欧美一区二区三区四区| 亚洲成人中文字幕| 欧美黑人国产人伦爽爽爽| 日韩成人在线播放| 日韩黄色高清视频| 亚洲最大中文字幕| 欧美日韩精品在线| 中文字幕亚洲第一| 亚洲国产成人爱av在线播放| 亚洲成**性毛茸茸| 亚洲free性xxxx护士hd| 亚洲网址你懂得| 一区二区三区www| 亚洲精品美女久久久| 91国在线精品国内播放| 日韩精品中文字幕久久臀| 国产精品久久久久久久天堂| 欧美性受xxxx白人性爽| 欧美激情在线一区| 亚洲free性xxxx护士白浆| 久久精品中文字幕一区| 久久精品国产免费观看| 91美女片黄在线观看游戏| 欧美有码在线观看| 国产视频精品va久久久久久| 国产日韩欧美电影在线观看| 国产精品视频一区二区高潮| 在线视频欧美日韩精品| 成人在线免费观看视视频| 精品久久久久久中文字幕一区奶水| 国产精品自拍小视频| 视频直播国产精品| 911国产网站尤物在线观看| 久久影院资源站| 欧美巨猛xxxx猛交黑人97人| 九九久久综合网站| 午夜精品国产精品大乳美女| 国产亚洲欧洲高清| 欧美性20hd另类| 亚洲成人a级网| 奇米成人av国产一区二区三区| 日本韩国欧美精品大片卡二| 国产成人97精品免费看片| 国产精品亚洲自拍| 中文字幕亚洲激情| 欧美日韩成人精品| 亚洲美女av在线播放| 97在线视频精品| 91高清免费视频| 国语自产精品视频在免费| 久久久女女女女999久久| 狠狠做深爱婷婷久久综合一区| 性欧美xxxx| 亚洲激情视频在线观看| 欧美性jizz18性欧美| 欧美日韩亚洲激情| 97国产精品人人爽人人做| 国产精品第一视频| 欧美高清videos高潮hd| 色妞色视频一区二区三区四区| 国产福利视频一区| 九色精品免费永久在线| 亚洲3p在线观看| 色先锋资源久久综合5566| 福利视频导航一区| 久久亚洲精品视频| 中文字幕国产精品| 欧美日韩国产一区二区| 91av中文字幕| 精品国偷自产在线视频99| 91精品国产自产在线观看永久| 日韩美女毛茸茸| 久久久久久久久久久久av| 日韩av在线影视| 久久精品中文字幕一区| 美女啪啪无遮挡免费久久网站| 日韩欧美主播在线| 久久久精品久久久久| 欧美国产第一页| 欧美成人黑人xx视频免费观看| 国产精品偷伦免费视频观看的| 精品国产91久久久久久| 亚洲天堂免费在线| 国产精品一区电影| 久久影院在线观看| 国产精品自拍小视频| 九九久久综合网站| 亚洲精品色婷婷福利天堂| 亚洲精品成人久久| 成人av在线天堂| 91精品国产综合久久男男| 欧美中文字幕在线观看| 国产精品久久久久久久久借妻| 国产91精品最新在线播放| 欧美日韩亚洲成人| 日韩亚洲成人av在线| 亚洲男人第一av网站| 久久在精品线影院精品国产| 国产精品直播网红| 国产激情综合五月久久| 日韩av在线最新| 亚洲毛茸茸少妇高潮呻吟| 国产精品久久久久不卡| 国产日韩在线看| 亚洲成人黄色在线观看| 精品网站999www| 久久久久久国产免费| 欧美激情中文网| 92国产精品视频| 动漫精品一区二区| 亚洲成人激情视频| 92国产精品视频| 7m第一福利500精品视频| 国产精品久久久久久搜索| 久久人人97超碰精品888| 亚洲精品福利资源站| 亚洲视频在线免费观看| 亚洲午夜av久久乱码| 亚洲免费影视第一页| 亚洲free嫩bbb| 九九热99久久久国产盗摄| 91国产精品91| 在线观看视频99| 欧美一级片免费在线| 成人激情黄色网| 久久精品人人做人人爽| 久久69精品久久久久久久电影好| 成人免费观看网址| 国产精品视频免费观看www| 国产69久久精品成人| 成人a免费视频| 97在线精品视频| 久久精品一区中文字幕| 亚洲成色999久久网站| 成人国产精品一区二区| 国产午夜精品免费一区二区三区| 国产精品久久一区主播| 欧美极品少妇全裸体|