Tengo un TextField cuya etiqueta quiero que se coloree de negro cuando esté enfocada. Agregué las clases a InputProps con esa variable de clases pero, desafortunadamente, está siendo anulada por el estilo predeterminado de la interfaz de usuario del material en las herramientas de desarrollo de Chrome. Aquí está el código. Verifique la captura de pantalla de las herramientas de desarrollo de Chrome.
const useStyles = makeStyles((theme) => ({ inputLabelFocused: { color: "black", }, })); const classes = useStyles(); <TextField id="toDo" label="To Do" multiline rows={4} variant="filled" fullWidth InputLabelProps={{ classes: { focused: classes.inputLabelFocused, }, }} />
const useStyles = makeStyles({ inputLabelFocused: { color: "black !important", }, });