How to override the color of outlines of outlined input?

Deadly0 / final-form-material-ui

A set of wrapper components to facilitate using Material UI with Final Form

92 stars 33 forks source link

How to override the color of outlines of outlined input? #13

Open serendipity1004 opened 5 years ago

serendipity1004 commented 5 years ago

<Field
    className={classes.textField}
    name="
    color="primary"
    component={TextField}
    type="text"
    variant="outlined"
    required={true}
    label="email"/>

I am currently using the component like above. However, even when I have set the primary color to be orange in the theme, the textfield outline color stays black and the error color is red. How do I change the outline color?

zsolt-dev commented 5 years ago

I have this problem too.

It seems like a bug in final-form-material-ui.

It does not forward the focused state flag. If you look in the react dev tools, focus on the field you will see the focused is not true. If you enable it in the dev tools, you will see the correct color.