非標準
この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。
CSS の :-webkit-autofill
疑似クラスは、 <input>
要素の値がブラウザーによって自動補完されている時に一致します。
メモ: 多くのブラウザーのユーザーエージェントスタイルシートでは、 :-webkit-autofill
スタイル定義に !important
を使用しており、 JavaScript によるハックで解決しない限り、ウェブページから上書きすることができません。
仕様書
どの仕様書でも定義されていません。
ブラウザーの対応
BCD tables only load in the browser
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
関連情報
- Chromium issue 46543: Auto-filled input text box yellow background highlight cannot be turned off!
- WebKit bug 66032: Allow site authors to override autofilled fields' colors.
- Mozilla bug 740979: implement
:-moz-autofill
pseudo-class on input elements with an autofilled value - new css4-ui features - more selectors