在H5橫行的移動互聯網時代中，兼容性的問題往往被大家所遺忘。可以說微軟都已經放棄了IE，自然大家也都不是特別關心這些問題。但是客戶卻不會這么想，因為使用瀏覽器，瀏覽網站的人，太多了，以至於甚至於有人使用xp系統，ie6這樣的低端版本。為了給用戶更好的體驗，我們只有選擇遷就。
廢話說了不少了，下面進入正題。
最近在項目中遇到input框的兼容性問題，經過多方實驗，最終解決，特地記下來，以備以后查看，同時方便大家解決問題。
正常input框的css樣式，例如：
input{display：block;padding:0 10px;width:200px;height:40px;}
然后這種樣式在ie瀏覽器下會出現文字上下不居中的問題，怎么解決呢？那就是靠上下padding填充了。
input{display：block;padding:8px 10px;width:200px;height:24px;}
這種方式雖然可以解決ie瀏覽器中input框的兼容性問題，但是這次我在項目中遇到的是safari瀏覽器的不兼容問題。怎么解決呢？經過查證，實驗后，發現設置line-height:100%;可以解決。如下：
input{display：block;padding:0 10px;width:200px;height:40px;line-height:100%;}
以上就是input框在各大瀏覽器中的兼容性總結。如果那里有錯誤，還請大家指正。