reactjs - 输入标签不在选择下拉框的中心

Question

由于某种原因，我无法将我的文本置于选择下拉列表的中间。 图像中的实施状态字段

这是我的代码

  <FormControl style={{ width: "80%" }} size="small">
        <InputLabel
          htmlFor="Implementation Status"
          style={{ marginLeft: 10 }}
          margin="dense"
        >
          Implementation Status
        </InputLabel>
        <Select
          labelId="Implementation Status"
          name="name"
          onChange={handleChange("Status")}
          defaultValue={values.Status}
          variant="outlined"
          inputProps={{
            id: "Implementation Status",
            name: "age"
          }}
          >
          <MenuItem value="Implemented">Implemented</MenuItem>
          <MenuItem value="Implementation in Progress">
            Implementation in Progress
          </MenuItem>
          <MenuItem value="Not Implemented">Not Implemented</MenuItem>
        </Select>
      </FormControl>

标签： reactjsmaterial-ui

Answer 1

尝试这样做

style={{ marginLeft: 20, marginTop: -10 }}

在 InputLabel 中将使