Material-UI TextField:控制边框颜色

时间:2019-07-06 20:00:52

标签: material-ui

强调文本如何控制MUI TextField的边框颜色?

<DarkTextField
  variant="outlined"
  margin="dense"
  inputRef={input => (this.input = input)}
  onKeyPress={this.onKeyPressed}
  type="text"
  placeholder="Name"
/>

我尝试了以下几种组合:

const styles = {
  border: {
    "&::before": {
      border: "1px solid #90caf9"
    },
    "&:hover:not(.Mui-disabled):before": {
      border: "2px solid #90caf9"
    },
    "&::after": {
      border: "2px solid #90caf9"
    }
  }
};

const DarkTextField = withStyles(styles)(props => {
  const { classes, ...other } = props;

  return <TextField InputProps={{ className: classes.border }} {...other} />;
});

我不知道如何指定边框。 另外,我想控制占位符文本的颜色。

0 个答案:

没有答案