自动完成中的颜色

Question

我有自动完成元素，颜色属性警告仅适用于焦点，有什么解决方法吗？

https://codesandbox.io/s/angry-jennings-jdqt1b?file=/demo.tsx

我希望警告颜色一直存在。

Answer 1

你有2个选择

首先，只需在 TextField 中添加 focused 道具

像这样：

<TextField {...params} color="warning" label="Movie" focused  />

二、在TextField中添加一个className并覆盖label和input style

像这样：

<TextField {...params} className="warningInput" color="warning" label="Movie"   />

和 styles：

.warningInput .MuiInputLabel-root {
  color: #ed6c02;
}

.warningInput .MuiOutlinedInput-notchedOutline {
  border-color: #ed6c02;
  border-width: 2px;
}