Material UI 元素 css 不工作，为什么？

Question

css 无法正常工作（顶部栏 - 标题重叠）可能出了什么问题？

这里是组件：

<FormControl fullWidth>
  {/* eslint-disable-next-line */}
  <InputLabel id="simple-select-label">GT Template</InputLabel>
  <Select labelId="simple-select-label" id="demo-simple-select-label" onChange={handleChange} value={gtTemplate}>
    <MenuItem value="employee/addemployeeimport">Add Employee Importer</MenuItem>
    <MenuItem value="lop-days">Employee LOP</MenuItem>
    <MenuItem value="lop-reversal">LOP Reversal Importer</MenuItem>
    <MenuItem value="employee/bankdetails">Employee Bank Details</MenuItem>
    <MenuItem value="loan-detail">Employee Loan Details</MenuItem>
    <MenuItem value="employee/employeecategory">Employee Category</MenuItem>
    <MenuItem value="resignation">Employee Resignation</MenuItem>

  </Select>
</FormControl>

Answer 1

您需要向 Select 元素添加标签属性

<Select labelId="simple-select-label" id="demo-simple-select-label" onChange={handleChange} value={gtTemplate} label="GT Template">

这可能也很有用https://mui.com/material-ui/react-select/

Material UI 元素 css 不工作，为什么？

Material UI Element css not working, why?

frontend

reactjs

material-ui