1. 程式人生 > >input光標大小

input光標大小

沒有 大小 inpu pad font bsp 高度 class adding

最近在做項目忘記密碼頁面時,input光標大小需要統一。同時也需要兼容ie8瀏覽器。

總結如下:

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;
}

input光標大小