css 在材质界面调整尺寸值

ghhaqwfi  于 2022-12-15  发布在  其他
关注(0)|答案(2)|浏览(113)

假设我正在使用<Rating />组件https://mui.com/material-ui/api/rating/
我可以用size prop设置它的大小,但是在哪里定义smallmediumlarge的实际大小值呢?

0tdrvxhp

0tdrvxhp1#

您可以尝试Styled Rating:

<StyledRating
  name="customized-color"
  defaultValue={2}
  precision={0.5}
  icon={
    <StarIcon
      style={{ width: "50px", height: "50px" }}
      fontSize="inherit"
    />
  }
  emptyIcon={
    <StarOutlineIcon
      style={{ width: "50px", height: "50px" }}
      fontSize="inherit"
    />
  }
/>

您可以通过此链接获取完整代码Star Rating

j8ag8udp

j8ag8udp2#

是的按字体大小

<Rating sx={{
      fontSize: '6.5rem',        
    }}
 />

相关问题