Material-UI的Badge徽章怎么自定义颜色？
我用Material-UI的Badge组件时，想改徽章的背景色，但官方文档里只看到primary、secondary这些预设值。试了color="error"可以变红，但我想用自定义的颜色比如#ff6b6b，直接写进去没效果，该怎么搞？
我查了下源码，好像得用sx或者styled API，但试了下面这样也不行：
<Badge badgeContent={4} sx={{ '& .MuiBadge-badge': { backgroundColor: '#ff6b6b' } }}>
<MailIcon />
</Badge>- 2
回答
37浏览
Material-UI的Badge徽章怎么总盖不住按钮图标？
我在用Material-UI的Badge包裹按钮时，发现徽章总是显示在图标下方，而不是右上角。按照文档用了anchorOrigin和transform属性，但位置还是不对： <Badge bad...
- 1
回答
44浏览
Material-UI 的 Button 组件怎么自定义颜色不生效？
我用 Material-UI 的 Button 组件，想改个自定义的背景色，但写成 color="primary" 只能用主题里预设的颜色，自己传 hex 值根本不生效，咋整？ 试过直接加 sx 属性...
- 2
回答
86浏览
Material-UI按钮自定义样式被覆盖怎么办？
在用Material-UI的Button组件时，给按钮加了自定义CSS类，但样式总是被覆盖。比如设置红色背景颜色完全没效果，这是为什么啊？ 我尝试过这样写： import { Button } fro...
- 1
回答
36浏览
Material-UI Badge徽章在动态更新时位置偏移怎么办？
在Vue项目里用Badge显示购物车数量，数据更新后徽章位置会突然跳到图标下方，之前正常显示在右上角的 代码是这样写的： <template> <Badge :overlap="tr...
- 1
回答
88浏览
Material-UI按钮自定义样式被默认样式覆盖怎么办？
在用Material-UI的Button组件时，我想给按钮加个圆角和渐变背景，但发现自定义的CSS类和内联样式都没生效。之前试过用sx prop和className，但样式总是被覆盖... 比如这个代...
- 2
回答
12浏览
Material-UI 的 Snackbar 为什么样式不生效？
我用 Material-UI 的 Snackbar 组件，想自定义它的背景色和文字颜色，但加了 sx 样式没反应。试过用 styled 包裹也不行，是不是被默认样式覆盖了？ 这是我在组件里写的 CSS...
- 2
回答
56浏览
Material-UI Grid容器里的子元素垂直居中不生效怎么办？
在用Material-UI的Grid布局做两列布局时，我想让两个卡片垂直居中对齐，但不管怎么设置alignItems属性都没反应。代码写成这样： import { Grid } from '@mate...
- 1
回答
58浏览
Material-UI按钮样式覆盖不了自定义的CSS如何解决？
我在用Vue和Material-UI做按钮组件时遇到问题，想给按钮加个悬停效果，但自定义的CSS样式完全没生效... 代码是这样的： 点击我 .custom-btn { background: #4C...
- 1
回答
17浏览
Material-UI 的 Button 组件在 Vue 里怎么用？为啥报错说找不到组件？
我最近在 Vue 项目里想用 Material-UI 的 Button，但按照文档引入后页面直接报错，说“Unknown custom element: ”。我明明已经 import 了啊，是不是 V...
- 2
回答
13浏览
Material-UI 的 Menu 菜单点击后不关闭怎么办？
我用 Material-UI 写了个下拉菜单，点击菜单项之后菜单不会自动关闭，得点外面才行，这体验太差了。 我试过在 MenuItem 的 onClick 里手动调用 setAnchorEl(null...
暂无解答