關閉chrome瀏覽器當表單自動填充默認樣式=autofill

問題:項目是react框架,引用antd中的input輸入框樣式,當在input框輸入完成時,並未出現,背景黃色樣式,當時,當數據走到另外一個頁面,而後在返回當時輸入過的input的地方時,發現,input框自動帶有默認樣式背景黃.當時百度了不少前端大佬的方法,都沒有起做用,最後,發現解決方法:

前提:在作一次政府項目的時候,window6是沒有出現此bug的,window10的電腦就會浮現此問題,

方法以下:

把值改到最大,記住最大,不少人吝嗇數據,值寫了1000px,可是是沒用的,值必須往萬上加

bug樣式分析:

之因此出現這樣的樣式, 是由於Chrome會自動爲input增長以下樣式.

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: rgb(250, 255, 189); background-image: none; color: rgb(0, 0, 0); }

 

解決方式 :

input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active{box-shadow: 0 0 0px 100000000px  #ffffff   inset !important;}