Material-ui自定义输入搜索类型的默认清除按钮

Question

我想知道是否可以更改材料中搜索类型为输入的默认清除按钮的颜色。

我在说这个'X'：

这里是我的jsx：

<InputBase
  placeholder="Search..."
  type="search"
  onChange={(e) => handleChange(filterChoiceRef.current, e)}
  autoFocus={true}
  size="large"
/>

如果不可能的话，我可以做一个自定义的，但我希望是。

Answer 1

您可以使用InputAdornments并传递color属性-

此处为工作代码沙箱-https://codesandbox.io/s/material-demo-8tbo4?file=/demo.js