如何解决我如何覆盖材质 UI MuiCard-root 类中的溢出属性
这是我的风格:
const styles = (theme) => ({
panel: {
position: 'absolute',zIndex: 10,},setLink: {
display: 'inline',textDecoration: 'underline',cursor: 'pointer',whiteSpace: 'nowrap',field: {
width: '100%',dropUp: {
transform: `translateY(calc(-100% - ${theme.spacing(3)}px))`,});
但是溢出在类 MuiCard-root
上设置为隐藏。如何将其覆盖为可见?
解决方法
我不知道你想做什么,但正如 docs 所说:
当配置变量不够强大时,您可以利用主题的 overrides 键来潜在地更改 Material-UI 注入到 DOM 中的每个样式。这是一个非常强大的功能。
这是一个例子:
import { createMuiTheme,ThemeProvider } from '@material-ui/core/styles';
const theme = createMuiTheme({
overrides: {
// Style sheet name ⚛️
MuiCard: {
// Name of the rule
root: {
// Some CSS
overflow: 'visible',},});
并且您必须用以下内容包装您的组件:
<ThemeProvider theme={theme}>
...
</ThemeProvider>
检查代码段 here
编辑
向组件添加自定义 className
<Card className={classes.customCardName}>
并在您的样式中添加此
customCardName: {
overflow: "visible"
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。