I agree, an official fix for this would be great. I too wanted to keep autocomplete enabled and not have Chrome break the UI. Here is how I did it.
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-text-fill-color: $textColor;
-webkit-box-shadow: 0 0 0 1000px $backgroundColor inset !important;
transition: background-color 300ms ease-in-out 0s;
}
.q-field--outlined .q-field__control:before {
z-index: 1;
}