input輸入框光標高度問題

IE：不管該行有沒有文字，光標高度與font-size大小一致

FF：該行沒有文字時，光標大小與input的 height 大小一致；該行有文字時，光標大小與font-size大小一致

chrome：有2種情況，①設置了line-height  該行沒有文字時，光標大小與input的 line-height 大小一致; 該行有文字時，光標大小從input頂部到文字底部

　　　　　　　　　　 ②沒有設置line-height  光標大小與font-size一樣

所以，input在使用的時候，最好不要設line-height, 可以設定一個較小的height, 然后用 padding 來撐開，這樣基本上可以解決所有瀏覽器的問題

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