mui 无法将尺寸样式覆盖到评级组件

问题描述 投票:0回答:0

我无法覆盖 MUI Rating 组件的默认样式。不管它默认为 medium 24 fontSize,并且不会增加它。我做错了什么?

import { Rating } from '@mui/material';

export const Stars = () => {
  return (
    <>
      <Rating name="size-large" defaultValue={2} size="large" />
      <Rating
        name="size-large"
        value={4.5}
        precision={0.5}
        sx={{ fontSize: '48px' }}
        size="large"
        readOnly
      />
    </>
  );
};

package.json

"dependencies": {
    "@emotion/react": "^11.10.6",
    "@emotion/styled": "^11.10.6",
    "@mui/icons-material": "^5.11.0",
    "@mui/lab": "^5.0.0-alpha.115",
    "@mui/material": "^5.11.9",
    "@tanstack/react-query": "^4.22.0",
    "axios": "^1.2.2",
    "formik": "^2.2.9",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.6.2",
    "styled-components": "^5.3.6",
    "yup": "^0.32.11"
  },

reactjs material-ui
© www.soinside.com 2019 - 2024. All rights reserved.