以登入頁面為例ui設計圖效果如下圖：
進入登入頁面cookie自動填充帳號密碼之後input輸入框出現了背景色：
解決方法：主要**就是加個陰影去掉背景色
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-text-fill-color: #ededed !important;
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
background-color:transparent;
background-image: none;
transition: background-color 50000s ease-in-out 0s; //背景色透明 生效時長 過渡效果 啟用時延遲的時間
input自動填充背景變黃
chrome 表單自動填充後，input 文字框的背景會變成黃色的，通過審查元素可以看到這是由於 chrome 會預設給自動填充的 input 表單加上 input webkit autofill 私有屬性，然後對其賦予以下樣式 對 chrome 預設定義的 background color bac...
瀏覽器消除自動填充帳號密碼
瀏覽器自帶的記住密碼功能給使用者來了一定的便捷，同時也帶來了一些 有些地方不需要卻也自動填充上了，為了解決這個問題前端工程師們絞盡腦汁換著各種黑魔法在添堵，目前也沒看到比較優雅的解決方式，下面這種方式能解決在chrome下自動填充的問題，其他瀏覽器沒測過就布吉島了，感興趣的可以測試下相容性。auto...
如何去除瀏覽器input自動填充效果
今天寫登入介面的輸入框時輸入框時，發現乙個問題。我的登入介面兩個輸入框的大體 如下 理想的開啟登入介面的效果圖如下 如果瀏覽器儲存了表單使用者名稱和密碼的話，開啟介面的時候效果圖如下 主要是這兩個屬性 autocomplete off 和type text nf cus this.type pass...