css - 在反应中摆脱TextField内的矩形边框

Question

嗨，如何在 React 中禁用 TextField 的内部矩形边框。我不知道为什么内心的人呆在那里。我尝试了不同的解决方案，但它不起作用

这是风格

const useStyles = makeStyles({
inputField: {
    "& label.Mui-focused": {
        color: "tomato",
    },
    "& label": {
        color: "tan",
    },
    "& .MuiOutlinedInput-root": {
        "& fieldset": {
            borderColor: "tan",
        },
        "&:hover fieldset": {
            borderColor: "tan",
        },
        "& .Mui-focused fieldset": {
            borderColor: "tan",
        },
    },

},
});

这是主要

const Register = () => {
return (
    <div>
        <h1>New User Registration</h1>
        <form className={classes.root} noValidate autoComplete="off">
            <TextField
                border-style={"solid"}
                className={classes.inputField}
                label={"Email Address"}
                variant={"outlined"}
                onChange={(e) => setEmail(e.target.value)}
            >
            </TextField>
        </form>
    </div>
);

};

标签： cssreactjsjsx