:-webkit-autofill

非標準
この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

CSS の :-webkit-autofill 疑似クラスは、 <input> 要素の値がブラウザーによって自動補完されている時に一致します。

メモ: 多くのブラウザーのユーザーエージェントスタイルシートでは、 :-webkit-autofill スタイル定義に !important を使用しており、 JavaScript によるハックで解決しない限り、ウェブページから上書きすることができません。

仕様書

どの仕様書でも定義されていません。

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
:-webkit-autofill
非標準
Chrome 完全対応 1Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 完全対応 15Safari 完全対応 3WebView Android 完全対応 1Chrome Android 完全対応 18Firefox Android 未対応 なしOpera Android 完全対応 14Safari iOS 完全対応 1Samsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応
未対応  
未対応
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。

関連情報