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

2022-03-10 10:33:06 字數 249 閱讀 3300

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

想讓游標居中的解決方案是:讓input的高度等於裡面文字的高度,然後用padding把框撐起來,這樣游標的高度和位置就固定了。

如:input

INPUT游標輸入時大小

ie 不管該行有沒有文字,游標高度與font size一致。ff 該行有文字時,游標高度與font size一致。該行無文字時,游標高度與input的height一致。chrome 該行無文字時,游標高度與line height一致 該行有文字時,游標高度從input頂部到文字底部 這兩種情況都是在...

實現input輸入時智慧型搜尋

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

input獲取游標位置插入元素

inserttext inserttxt 獲取el input中的input元素 let elinput this.refs.targetin.el.firstelementchild 獲取el input的值 let txt elinput.value 做插入前做長度校驗 如果有這個需要的話 if...