多自动完成颜色样式已损坏

由于一些未知的原因，自动完成列表的字体颜色是白色的，我在正文中添加的唯一css属性是background-color: "#fafbff"，但我已经测试过了，这不是问题的原因

export default function FreeSolo() {
  return (
    <Stack spacing={2} sx={{ width: 300 }}>
      <Autocomplete
        id="free-solo-demo"
        freeSolo
        options={top100Films.map((option) => option.title)}
        renderInput={(params) => <TextField {...params} label="freeSolo" />}
      />
      <Autocomplete
        freeSolo
        id="free-solo-2-demo"
        disableClearable
        options={top100Films.map((option) => option.title)}
        renderInput={(params) => (
          <TextField
            {...params}
            label="Search input"
            InputProps={{
              ...params.InputProps,
              type: "search",
            }}
          />
        )}
      />
    </Stack>
  );
}

我还使用了一个具有以下样式li { font-color: white }的组件

转载请注明出处:http://www.jxbyjx.net/article/20230430/1609648.html