Material-UI 的 Button 组件怎么自定义颜色不生效？

爱学习的瑞腾提问于 2026-03-14 21:04:24 阅读 40

框架

我用 Material-UI 的 Button 组件，想改个自定义的背景色，但写成 color="primary" 只能用主题里预设的颜色，自己传 hex 值根本不生效，咋整？

试过直接加 sx 属性：sx={{ backgroundColor: '#ff5722' }}，hover 时颜色又变回去了，而且 focus 状态也不对。是不是得用 ThemeProvider 才行？

这是我的代码：

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

function MyButton() {
  return (
    <Button 
      variant="contained" 
      sx={{ backgroundColor: '#ff5722' }}
    >
      自定义按钮
    </Button>
  );
}

我来解答赞 0 收藏

反馈

暂无解答