在css中如果我們定義了input高度在輸入時會發現光標位置靠上了不在居中了，在Chrome瀏覽器中，當設置了line-height時，input無文字，光標高度與line-height一致；input有文字，光標高度從input頂部到文字底部。當沒有設置line-height時，則是與font-size一致。
想讓光標居中的解決方案是：讓input的高度等於里面文字的高度，然后用padding把框撐起來，這樣光標的高度和位置就固定了。
如：
input{
height: 14px;
padding: 4px 0px;
font-size: 14px;
}