問題：在不同瀏覽器中，input里面的輸入光標大小表現(xiàn)形式卻大不相同，具體的如下：

• IE：不管該行有沒有文字，光標高度與font-size一致。
• FF：該行有文字時，光標高度與font-size一致。該行無文字時，光標高度與input的height一致。

* 該行無文字時，光標高度與line-height一致；該行有文字時，光標高度從input頂部到文字底部(這兩種情況都是在有設定line-height的時候)，如果沒有l(wèi)ine-height，則是與font-size一致。

解決方案

給input的height設定一個較小的高度，然后用padding去填充，基本上可以解決所有瀏覽器的問題

input{height: 16px; padding: 4px 0px; font-size: 12px; }

--------------------- 本文來自 水中熊 的CSDN 博客 ，全文地址請點擊：https://blog.csdn.net/gmd_web/article/details/55254239?utm_source=copy?

轉(zhuǎn)載于:https://www.cnblogs.com/beimingbingpo/p/9732633.html

總結(jié)

以上是生活随笔為你收集整理的在不同浏览器中，input里面的输入光标大小表现形式却大不相同的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。