記錄下input輸入框自動填充的坑,附帶解決方法

2021-10-24 10:18:34 字數 818 閱讀 4815

當自動填充資料後,輸入框所展示的效果特別醜,會有自帶的填充樣式

解決方法:可以修改:-webkit-autofillbox-shadow的屬性去改變輸入框自動填充的顏色

input:-webkit-autofill

可以看下修改完後的效果

注意:如果需要使用透明色或者是有透明度的填充色,需要設定自動填充延遲才能生效

// 設定輸入框自動填充的延遲屬性

input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus,

input:-webkit-autofill:active

// 設定填充色為透明

input:-webkit-autofill

不想使用瀏覽器自動填充功能的時候,使用了autocomplete="off"發現無效,瀏覽器還是自動填充了資料

解決方法:在所有輸入框前面加入可以使它下面的輸入框禁止自動填充

參考:

input輸入框自動消除空格

今天遇到了乙個問題,使用者在在前端的input裡面輸入id的時候,多寫了個空格,資料庫裡面就找不到id了,所以無法獲取輸入的id所繫結的標籤位置在 現在需要在前端做乙個處理,input框輸入的數值裡面,會自動消除空格。示例 資產編號 這段 的作用 onkeyup this.value this.va...

input輸入框自動消除空格

今天遇到了乙個問題,使用者在在前端的input裡面輸入id的時候,多寫了個空格,資料庫裡面就找不到id了,所以無法獲取輸入的id所繫結的標籤位置在 現在需要在前端做乙個處理,input框輸入的數值裡面,會自動消除空格。示例 資產編號 這段 的作用 onkeyup this.value this.va...

input輸入框自動獲取焦點

使用者名稱 密碼 focus 不生效 在執行一段指令碼時,對dom的操作應當是即時生效的。dom操作確實都是同步的。但是因dom改變而觸發的事件,以及其他一些效應 例如樣式應用 很可能是非同步的。所以,focus這裡可能是有延遲的。也有人說指令碼對dom的操作不是即時生效的,瀏覽器可能執行完當前指令...