diff --git a/frontend/webapp/app/globals.css b/frontend/webapp/app/globals.css index a7d610642..302fd6694 100644 --- a/frontend/webapp/app/globals.css +++ b/frontend/webapp/app/globals.css @@ -6,4 +6,21 @@ * { scrollbar-color: black transparent; scrollbar-width: thin; -} \ No newline at end of file +} + +/* + The input styles below are to override the browser ":-webkit-autofill" default style declarations. + The issue is when someone autocompletes an input field, the browser will apply its own styles (and the browser applies "!important" preventing direct overrides). + With the following, we're able to delay the browser styles to be applied for 50000s (13.8 hours), so the user will not see the browser styles applied. +*/ + +input { + all: unset; +} + +input:-webkit-autofill, +input:-webkit-autofill:hover, +input:-webkit-autofill:focus, +input:-webkit-autofill:active { + transition: all 50000s ease-in-out 0s; +}