useStyles在mui5中不能正常工作吗？

Question

我正在尝试自定义样式我的图标添加一个更大的字体大小，背景工作良好，但字体大小不是，我读到我可以使用重要！但是我想知道为什么它不工作，因为它已经在版本4中工作了。

​

const useStyles = makeStyles((theme: Theme) => ({
  root: {
    flexGrow: 1,
  },
  icon: {
    fontSize: 140,
    backgroundColor: 'red',
     '&:hover': {
       backgroundColor: 'red',
   },
  },
}));

 <Box style={{ display: 'flex', alignItems: 'center' }}>
     <EmojiObjectsIcon color='primary' className={classes.icon} onClick={switchTheme} />
 </Box>

​

Answer 1

像这样为fontSize添加px：

 const useStyles = makeStyles((theme: Theme) => ({
          root: {
            flexGrow: 1,
          },
          icon: {
            fontSize: '140px',
            backgroundColor: 'red',
             '&:hover': {
               backgroundColor: 'red',
           },
          },
        })); 
    
        
    
       const PublicSidebar = () => {
            const classes = useStyles();
    
      return (
              <Box style={{ display: 'flex', alignItems: 'center' }}>
              <EmojiObjectsIcon color='primary' className={classes.icon} onClick={switchTheme} />
               </Box>
            )
            }