【CSS】chromeをどのように修正してパスワードを覚えてからフォームの黄色の背景を自動的に埋めますか?

2354 ワード

問題の追跡:https://github.com/haizlin/fe-interview/issues/95
ずっとこの问题に注意したことがなくて、考えてみるとすでに质问と回答があって、基本的に问题を解决することができて、上の2つの回答を含んで、同时にCSDNのアカウントの登录も上の影の方法で解决しました.https://segmentfault.com/q/1010000000671971
以下がポイントです.Chromeにはデフォルトスタイルがあります.「chromeがデフォルトで定義したbackground-color、background-image、colorは使えません!importantが優先度を上げる以外は、他の属性も使えます!importantが優先度を上げます.」でもどうして?
元のリセットスタイルは次のとおりです.
input:-webkit-autofill-strong-password {
    -webkit-text-security: none !important;
    -webkit-user-select: none !important;
    cursor: default !important;
    font-family: monospace;
}

input:-webkit-autofill, input:-webkit-autofill-strong-password {
    background-color: #FAFFBD !important;
    background-image: none !important;
    color: #000000 !important;
}
importantが付いていて、後はもちろんリセットできません.Chromeも横です.
Webkitカーネルブラウザ、デフォルトスタイル:http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css
全文はautofillについてこの2つだけなので、ネット上で与えられたデフォルトのスタイルを厳しく疑問視しています:input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill、頼りにならない!