1. 程式人生 > >input、select、textarea相容不同瀏覽器樣式統一

input、select、textarea相容不同瀏覽器樣式統一

在FF下出現的情況是:點選input時,輸入游標其實上跟input的height一樣高,但當開始輸入文字時,游標又變得跟文字一樣高, 
chrome下游標跟input的height一樣高, 
而IE下游標跟文字的大小一致。 

初步結論如下: 

IE:不管該行有沒有文字,游標高度與font-size一致。 
FF:該行無文字時,游標高度與input的height一致。該行有文字時,游標高度與font-size一致。(最新版的好像和ie一樣了) 

Chrome:該行無文字時,游標高度與line-height一致;該行有文字時,游標高度從input頂部到文字底部(這兩種情況都是在有設定line-height的時候),如果沒有line-height,則是與font-size一致。 


解決辦法: 

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