- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2Adobe Illustrator CS5 序列號大全
- 3picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5蘋果iphone自動時間不準確的多種校正方法
- 6PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 7百度安全衛(wèi)士好用么_百度安全衛(wèi)士技巧說明
- 8眼萌app怎么色弱測試 眼萌app色弱測試圖文說明教程
- 9Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 10Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 11ipad版office如何激活? office365激活的圖文說明教程
- 12最新的Adobe Illustrator CS4序列號大全
聊天工具辦公軟件殺毒教程系統(tǒng)工具圖形圖像電腦學(xué)習(xí)應(yīng)用軟件網(wǎng)絡(luò)軟件蘋果應(yīng)用注冊碼網(wǎng)站教程技術(shù)開發(fā)安卓教程其它教程
您當(dāng)前所在位置：網(wǎng)視手游站 -> 網(wǎng)站教程 -> input輸入框中的光標大小顯示不一致應(yīng)該怎么處理
input輸入框中的光標大小顯示不一致應(yīng)該怎么處理
發(fā)表時間：2024-05-06 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]這次給大家?guī)韎nput輸入框中的光標大小顯示不一致應(yīng)該怎么解決，解決input輸入框中的光標大小顯示不一致的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。input輸入框中的光標大小顯示不一致 ie7中和chrome的非常明顯 先看看問題產(chǎn)生的原因：chrome瀏覽器對光標高度的設(shè)置原則為，當(dāng)...
這次給大家?guī)韎nput輸入框中的光標大小顯示不一致應(yīng)該怎么解決，解決input輸入框中的光標大小顯示不一致的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。input輸入框中的光標大小顯示不一致
ie7中和chrome的非常明顯
先看看問題產(chǎn)生的原因：chrome瀏覽器對光標高度的設(shè)置原則為，當(dāng)沒有內(nèi)容的時候光標的高度=input的line-height的值，當(dāng)有內(nèi)容時，光標從input的頂端到文字的底部。
OK，既然知道了原因，我們就相應(yīng)才去一些措施。嘗試了兩種方法去做:。
方法1：將line-height的值設(shè)置為跟字體大小一致；如果高度達不到，用padding去撐；
方法2：對chrome不設(shè)置line-height，它會自動文字居中，對ie進行hack設(shè)置line-height的值以保證文字垂直居中；這里要注意一下，如果在reset的樣式文件中有設(shè)置line-height等值，請進行l(wèi)ine-height的重置，可以用line-height:normal。具體可以看看騰訊好萊塢頁面的搜索框。
具體css：
height: 34px; font-size: 12px; line-height: normal; line-height: 34px\9;
相信看了這些案例你已經(jīng)掌握了方法，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！
相關(guān)閱讀：
HTML中head頭結(jié)構(gòu)應(yīng)該如何使用
以上就是input輸入框中的光標大小顯示不一致應(yīng)該怎么解決的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。
推薦資訊 總?cè)藲獍?/span>
