谷歌瀏覽器自動記住後輸入框樣式問題修改

下面是問題圖片
在這裏插入圖片描述

法1

input:-webkit-autofill {
       -webkit-text-fill-color: #606266 !important;
       -webkit-box-shadow: 0 0 0px 1000px #1C1E27 inset !important;
       transition: background-color 500000s ease-in-out 50000s;			
   }

法2

@-webkit-keyframes ignoreAutofill {
        to {
            /* color: #666; */
            background: #1C1E27;
        }
    }
    input:-webkit-autofill {
        -webkit-text-fill-color: #606266 !important;
        -webkit-box-shadow: 0 0 0px 1000px #1C1E27 inset !important;
          -webkit-animation-name: ignoreAutofill;
        -webkit-animation-fill-mode: both; 
    }

下面是修復後的結果:
結果

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章