91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

怎么用select打造全兼容各瀏覽器select

發布時間:2022-03-23 11:02:22 來源:億速云 閱讀:170 作者:iii 欄目:web開發

本篇內容主要講解“怎么用select打造全兼容各瀏覽器select”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“怎么用select打造全兼容各瀏覽器select”吧!

我對select的height、padding、line-height分別利用控制變量的方法寫了個DEMO在各瀏覽器上測試三種情況:height.100.padding.0、height.no.padding.100、no.height.no.padding
 
我們可以得出以下研究屬性。 

 

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不增加整體高度? 
下面是全兼容代碼示例。 

復制代碼

代碼如下:


<!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>demo</title> 
<style> 
*{padding:0; margin:0} 
body{font-size:12px} 
select{height:22px; line-height:18px; padding:2px 0} 
</style> 
</head> 
<body> 
<div style="margin-top:20px; margin-left:20px; background:#000"> 
<select> 
<option>演示問題一</option> 
<option>演示問題二</option> 
<option>演示問題三</option> 
<option>演示問題四</option> 
<option>演示問題五</option> 
</select> 
</div> 
</body> 
</html> 

到此,相信大家對“怎么用select打造全兼容各瀏覽器select”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

饶平县| 榆社县| 乌审旗| 南木林县| 汽车| 湄潭县| 茂名市| 绍兴市| 定西市| 洞口县| 泽普县| 柘城县| 库车县| 黄山市| 资兴市| 兴海县| 高邮市| 吉安县| 民权县| 灵山县| 永德县| 吴堡县| 易门县| 察雅县| 揭东县| 夏邑县| 建瓯市| 闵行区| 积石山| 鹤庆县| 揭西县| 义乌市| 德钦县| 罗田县| 西乌珠穆沁旗| 鹤岗市| 南宫市| 德令哈市| 湖口县| 苏尼特左旗| 固原市|