input輸入框中游標高度的變化問題

2021-06-20 00:41:04 字數 314 閱讀 6668

最近在專案中碰到乙個問題:

搜尋框的游標高度在有輸入內容和為空時發生很大變化。

那麼於是在web上搜尋了一下前輩們是怎麼解決此問題的

首先,先看看問題產生的原因:chrome瀏覽器對游標高度的設定原則為,當沒有內容的時候游標的高度=input的line-height的值,當有內容時,游標從input的頂端到文字的底部。

ok,既然知道了原因,我們就相應才去一些措施。嘗試了兩種方法去做:。

方法1:將line-height的值設定為跟字型大小一致;如果高度達不到,用padding去撐;

最後,如果有其他方法的可以跟帖討論一下。

Css 設定input輸入框游標顏色

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

bootstrap中input輸入框限制

輸入中文 數字 英文 輸入數字和字母 輸入大小寫字母 數字 下劃線 只能輸入英文本母和數字,不能輸入中文 只能輸入數字和英文 輸入小寫字母 數字 下劃線 輸入數字和點 輸入中文 輸入數字 輸入英文 除了英文的標點符號以外,其他的都可以中文,英文本母,數字,中文標點 只能輸入數字 小數點也不能輸入 只...

html中input輸入框使用總結

1 選中去除文字框文字,離開後顯示原有文字 input name key type text id key value size 30 onmouseover this.focus this.select onclick if value defaultvalue onblur if value s...