Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
The :-webkit-autofill
CSS pseudo-class matches when an <input>
element has its value autofilled by the browser.
Note: The user agent style sheets of many browsers use !important
in their :-webkit-autofill
style declarations, making them non-overrideable by webpages without resorting to JavaScript hacks.
Syntax
:-webkit-autofill
Specifications
Not part of any standard.
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
:-webkit-autofill | Chrome Full support 1 | Edge Full support 79 | Firefox No support No | IE No support No | Opera Full support 15 | Safari Full support 3 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android No support No | Opera Android Full support 14 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 |
Legend
- Full support
- Full support
- No support
- No support
- Non-standard. Expect poor cross-browser support.
- Non-standard. Expect poor cross-browser support.
See also
- 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