Here is my current set up for a TextField component:
const styles = {
resize: {
fontSize: '50px',
}
}
const textField = (props) => {
const { classes } = props;
return (
<TextField
value={props.value}
placeholder={'$'}
variant={'outlined'}
onChange={props.onChange}
autoFocus
InputProps={{
classes: {
input: classes.resize
}
}}
/>
);
};
export default withStyles(styles)(textField);
When clicking in the text field the border fades away (to a white color). I want the border to stay no matter what and not fade. I tried looking through the material-ui examples for an outlined textfield and came across the "Bare" one which had a fixed border but cannot get it to work in my case. I think I have to dig down through the wrapper components and set the style for the border somewhere? Im not sure.