样式MUI TextField占位符

Question

我需要将占位符font-weight设置为400，将输入font-weight设置为600，但是它不起作用。我在这里搜索解决方案，但没有一个有效。该文档没有提到如何做到这一点。请帮忙！

import React from "react";
import { TextField, makeStyles } from "@material-ui/core";

const useStyles = makeStyles(() => ({
  input: {
    fontWeight: 600,
    "&::placeholder": {
      fontWeight: 400,
    },
  },
}));

function CustomizedInput() {
  const classes = useStyles();

  return (
    <TextField
      label="LOCATION"
      placeholder="Where are you going?"
      InputLabelProps={{
        shrink: true,
      }}
      InputProps={{
        className: classes.input,
      }}
      variant="filled"
    />
  );
}

export { CustomizedInput };

Answer 1

发现我在做什么错。这是一个愚蠢的语法错误。我应该使用 classes 属性而不是ClassName。

InputProps={{
   classes: { input: classes.input }
}}

有关className和class之间的区别的更多信息，请参阅this post