5.23日(rì)音(yīn)訊,使表單行(xíng)∑ 高(gāo)适應多(duō)浏覽器(qì)

　　5.23日(rì)音(yīn)訊,使♦£表單行(xíng)高(gāo)适應多(duō)浏覽器(qì)。表單λπ →的(de)不(bù)兼容，在我們網頁制(zhì)作(zuò)中是(shì)比較±↑↔常見(jiàn)的(de)，為(wèi)什(sh•∞↑ én)麽會(huì)出現(xiàn)這(zhè)種情況呢(ne)，‍€是(shì)因為(wèi)浏覽器(qì)對(duΩ∑δ↕ì)所默認值的(de)認同不(bù)一(yī¥☆σ)樣導緻的(de)，當然了(le)，我們>₩∑$不(bù)應該去(qù)追究誰對(duì)誰錯(cuò)，隻能(€$∏↓néng)我們能(néng)把它們的(de)內(nèi)∑∞涵掌握了(le)，讓它們互相(xiàng)兼•±容，就(jiù)是(shì)我們所必須要(>±π♠yào)學會(huì)的(de)。

　　CSSCode

　　#button{

　　border:2pxsolid#06f;

　　color:#06f;

　　background-color:#Ω §™6cf;

　　font:bold12pxArial<≤♣&,Helvetica,sans-serif;

　　line-height:50px;

　　}

　　多(duō)效果圖中，明(míng)顯的(de)§>告訴我們，在Firefox和(hé)Opera浏覽器(qì)中≈γ都(dōu)存在問(wèn)題，而且緻命的(de)一→∏↑(yī)點是(shì)：“無論π≈你(nǐ)通(tōng)過什(shén)麽手段去(qù)♠∑♦修改button的(de)line-height，在Fi♠♣‍refox和(hé)Opera浏覽器(qì)下(xiàδ<ε)都(dōu)無任何效果。”是(shì)什(s✔​εhén)麽導緻的(de)呢(ne)？（我以前從(cóng)沒注意到(d♠ ào)他(tā)們有(yǒu)這(zhè)樣≈≈∑₽的(de)一(yī)個(gè)bug存在）。看(kàn)了(le)上(sα×→¶hàng)面的(de)文(wén)章(zhāng)我才£λα®知(zhī)道(dào)，原來(lái)是(shì)浏覽器(q쩶∞→)對(duì)定義button的(de)line-height是(shì)™ 不(bù)同的(de)，我們來(lái)看(kàn)看(kàn)浏覽器(qìβ')在Firefox下(xià)的(de)解析line-hei÷©☆☆ght值的(de)截圖：

　　從(cóng)圖中告訴我們一(yī)個(gè)道(dà≥✔$o)理(lǐ)：button的(de)行(xíng)高(®↓≈gāo)在Chrome/Safari/IE8等浏覽器(qì↕↕)解析正确的(de)line-height♣¥(用(yòng)戶自(zì)定的(de)值“50px&rdqu÷‍←o;);而在Firefox和(hé)Opera解析的(de)line-heigβ≥→↓ht卻是(shì)默認的(de)值，隻有(yǒu)&ld✔λquo;15px”。那(nà)為(wèi)什(shén)₽∑麽會(huì)這(zhè)樣呢(ne)？

　　要(yào)回答(dá)這(zhè)個(g ♦è)問(wèn)題，我回答(dá)不(bù)出來(lái)±♣>₩，可(kě)能(néng)您知(zhī)道(dào)是(s≈δ>hì)為(wèi)什(shén)麽？我隻能(nén ✔∏ g)把他(tā)當作(zuò)是(shì)Firefox和(h♦÷  é)Opera浏覽器(qì)下(xià)的(de)一(yī)個(♣∑gè)特點，換句話(huà)就(jiù)是(shì)：這(zhè)↓®↔兩個(gè)浏覽器(qì)的(de)line-heighπ✘≤t默認值為(wèi)normal并且還(hái)加了(le)一(yī™§"✘)個(gè)“!important”≈π✔≥,類似于：

　　button,input[type=€ ≥"reset"],input[type="butσ↕©ton"],input[type="submit"]{

　　line-height:normal!important;

　　}

　　那(nà)我們是(shì)不(bù)是(shì)可(kě)以在設置₹Ω×值的(de)時(shí)候也(yě)加個(gè)&ldq"≠★γuo;!important”解決呢(ne)？我嘗試了(le)，¥γλ可(kě)是(shì)失敗了(le)，那(nà)我們需要(yào)怎麽α®來(lái)解決呢(ne)？

　　如(rú)何解決？

　　RobGlazebrook在他(tā)的(de)《T¶♠∞heFirefoxInputButtonLine-Hei<∏$$ghtBug》教程中使用(yòng)了(✔×le)一(yī)種方法——在button±∞♠中不(bù)重置line-height的(de)值，而是(shì∏₹®✘)使用(yòng)padding來(lái)制(zhì)作(zuò)★♠相(xiàng)同的(de)效果。這(zhè≠‍•>)樣上(shàng)面的(de)實例可(kě)以這(zhè)樣修改✘∑£：

　　#button{

　　border:2pxsolid#06f;

　　color:#06f;

　　background-color:#6cf;

　　font:bold12pxArial,Hel€™λ‍vetica,sans-serif;

　　padding:18px6px;

　　}