INPUT游標輸入時大小

2021-06-22 01:31:53 字數 310 閱讀 4679

ie:不管該行有沒有文字,游標高度與font-size一致。

ff:該行有文字時,游標高度與font-size一致。該行無文字時,游標高度與input的height一致。

chrome:該行無文字時,游標高度與line-height一致;該行有文字時,游標高度從input頂部到文字底部(這兩種情況都是在有設定line-height的時候),如果沒有line-height,則是與font-size一致。

解決的方案:

給input的height設定乙個較小的高度,然後用padding去填充,基本上可以解決所有瀏覽器的問題

input

input輸入時游標位置靠上問題解決

在css中如果我們定義了input高度在輸入時會發現游標位置靠上了不在居中了,在chrome瀏覽器中,當設定了line height時,input無文字,游標高度與line height一致 input有文字,游標高度從input頂部到文字底部。當沒有設定line height時,則是與font s...

實現input輸入時智慧型搜尋

智慧型搜尋 function osearchsuggest searchfuc var hidesuggest function 傳送請求,根據關鍵字到後台查詢 var sendkeyword function event else else if event.keycode 40 else 輸入字...

Css 設定input輸入框游標顏色

在使用 input 輸入框時,我們可能會遇到需要給其設定游標顏色的情況。谷歌瀏覽器的預設游標顏色是黑色的,github 上的游標卻是白色,那麼這個用 css 怎麼改變呢?上面描述的情景有兩種實現方式 游標的顏色是繼承自當前輸入框字型的顏色,所以用color屬性即可改變 input 上一種方式已經修改...