input輸入框中光標高度的變化問題

最近項目中遇到一些問題， 搜索框的光標高度在有輸入內容和爲空時發生很大變化。

問題產生的緣由： IE：無論該行有沒有文字，光標高度與font-size一致。 FF：該行有文字時，光標高度與font-size一致。該行無文字時，光標高度與input的height一致。 Chrome：該行無文字時，光標高度與line-height一致；該行有文字時，光標高度從input頂部到文字底部(這兩種狀況都是在有設定line-height的時候)，若是沒有line-height，則是與font-size一致。

解決的方案： 給input的height設定一個較小的高度，而後用padding去填充，基本上能夠解決全部瀏覽器的問題

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