[TextField] Fix caret color in autofill dark theme (#20857)

Author: CarsonF

packages/material-ui/src/FilledInput/FilledInput.js

@@ -115,6 +115,7 @@ export const styles = (theme) => {
       '&:-webkit-autofill': {
         WebkitBoxShadow: theme.palette.type === 'dark' ? '0 0 0 100px #266798 inset' : null,
         WebkitTextFillColor: theme.palette.type === 'dark' ? '#fff' : null,
+        caretColor: theme.palette.type === 'dark' ? '#fff' : null,
         borderTopLeftRadius: 'inherit',
         borderTopRightRadius: 'inherit',
       },

packages/material-ui/src/OutlinedInput/OutlinedInput.js

@@ -75,6 +75,7 @@ export const styles = (theme) => {
       '&:-webkit-autofill': {
         WebkitBoxShadow: theme.palette.type === 'dark' ? '0 0 0 100px #266798 inset' : null,
         WebkitTextFillColor: theme.palette.type === 'dark' ? '#fff' : null,
+        caretColor: theme.palette.type === 'dark' ? '#fff' : null,
         borderRadius: 'inherit',
       },
     },