Reactjs 文本字段背景从sugestions中选择文本时更改背景颜色

因此，我有一个Material UI TextField控件，在从sugestions中选择一个文本后，当前正在更改其背景色

<TextField 
  id="username"
  name="username"
  size="small"
  variant="outlined"
  className={classes.inputFields}
  value={ username || "" }
  onChange={event => setUsername(event.target.value)}
  InputProps={{
    className: classes.multilineColor
  }}
  fullWidth/>

setUsername（event.target.value）}
输入道具={{
类名：classes.multileColor
}}
全宽/>

---

如何保持当前bg颜色？

我最近遇到了同样的问题，可以使用以下代码解决：

。。。
const useStyles=makeStyles（（主题）=>({
输入：{
“&:-webkit自动填充”：{
WebkitBoxShadow：“0 100px”+theme.palete.primary.main+“inset”，
背景色：“fafafa！重要；”，
背景剪辑：“内容框！重要”，
},
},
}));
...
constyourcomponent=（）=>{
const classes=useStyles（）；
...
返回(
setUsername（event.target.value）}
inputProps={{className:classes.input}
全宽
/>
...
);
}

这些样式来自浏览器，您可以按照背景色的说明设置样式，您可以在CodeSandbox上添加图像或实时演示吗？