input 在 IOS 中輸入內容不可見問題

2021-08-15 10:36:21 字數 547 閱讀 6721

第一次做移動端頁面,就發現很多相容性問題了。

本人一般是在chrome瀏覽器控制台除錯移動端樣式尺寸,但是大家都知道,真機和瀏覽器是有一些差距的。

問題描述:行高(自己編的,還是別的什麼...)偏上,輸入內容透明不可見的,游標也能移動。我是要正常輸入文字,安卓機是正常ok的,就是safari 會出現這個問題。

解決方法:後來是在找 ios 中 input 相容性問題,看到有的人說 input 的 line-height 在 ios 中也有相容問題,

我就嘗試給 input 新增乙個

line-height:normal

屬性。之前我是沒有寫的。(一般就是給div 之類的設定行高...虛了)。 然後驚奇發現解決了!! 我了個擦擦擦。道行太淺啊。

第一次寫部落格,大神說多寫寫部落格筆記,多看看部落格。漲漲知識。受教了。留一筆,希望對有類似問題的道友有一點幫助。努力努力

js正則限制input輸入內容

1.文字框只能輸入數字 小數點也不能輸入 2.只能輸入數字,能輸小數點.3.數字和小數點方法二 4.只能輸入字母和漢字 5.只能輸入英文本母和數字,不能輸入中文 6.只能輸入數字和英文chun 7.小數點後只能有最多兩位 數字,中文都可輸入 不能輸入字母和運算符號 57 event.keycode ...

js的input框限制輸入內容

想限制輸入內容,於是找了這樣乙個blog,記錄一下.js 控制文字框只能輸入數字 input nkeyup value value.replace 0 9 g,npaste value value.replace 0 9 g,oncontextmenu value value.replace 0 9...

input框禁止顯示歷史輸入內容

input框預設是會記錄操作者的歷史輸入內容的,這固然會方便大家操作,但在一些敏感場景下,這會洩漏使用者的部分資訊。我們找到input的部分介紹 清除input輸入框的歷史記錄,即在input中加入 autocomplete off 即可 autocomplete 屬性規定輸入字段是否應該啟用自動完...