Estoy usando mui icons 5.2.0 en mi página React.
El ícono aparece, pero no cambia de color cuando paso el mouse sobre él.
Aquí está mi código:
import EditIcon from '@mui/icons-material/Edit'; import { makeStyles } from "@material-ui/core/styles"; const useStyles = makeStyles(theme => ({ customHoverFocus: { "&:hover, &.Mui-focusVisible": { backgroundColor: "yellow" } } })); <EditIcon className={useStyles.customHoverFocus} />¿Hay algo que me estoy perdiendo?
Puedes hacerlo así
<EditIcon sx={{ "& :hover": { color: "yellow" } }} />Aquí hay un ejemplo aquí https://codesandbox.io/s/material-ui-icon-color-bfb8d?file=/demo.js:1047-1099