關於chrome瀏覽器的帳號密碼和背景色的填充問題
阿新 • • 發佈:2017-12-25
瀏覽器中 一次 -c rip tof 密碼 orm 有關 col
不知道大家平時做項目的時候有木有關註這個問題,其實之前做項目遇到過類似的問題,但是因為是單獨的chrome瀏覽器的填充,而且是樣式問題稍微嚴重點,也就沒在意。然而在近期的項目中有遇到了這個問題,最為一個新的網站,第一次登陸或是註冊就被填充,這個問題,細思極恐.
話不多說以下是解決問題的方法:
原有高版本的控制方法,但是在大多數的瀏覽器中 通常我們會在form表單上加入autocomplete="off" 或者 在輸入框中加入autocomplete="off" 但以上h5新加的方法並不好用,或者說chrome還部證明支持,不過提供了一個新思維,用這個方法能實現,可以加在任意一個你不想被填充的input標簽內autocomplete="new-password"
這個方法也許還有兼容性的問題,因為這個autocomplete的方法是h5新加的,所以為了效果還需加上私有屬性的相關設置
1 input:-webkit-autofill, 2 input:-webkit-autofill:hover, 3 input:-webkit-autofill:focus { 4 box-shadow:0 0 0 60px #eee inset; 5 -webkit-text-fill-color: #878787; 6 }
關於chrome瀏覽器的帳號密碼和背景色的填充問題