相关疑难解决方法(0)

如何覆盖@media css以获取材料-ui反应组件

这个问题中,我问过如何覆盖material-ui组件的css属性,并提供了一个很好的例子.但是,在尝试设置工具栏组件的高度时,我发现由于过度拱形的@media规范,我无法覆盖css.以下MuiTheme规范是我的方法:

const theme = createMuiTheme({
    overrides: {
        MuiToolbar: {
            regular: {
               height: "32px",
               minHeight: "32px"
        }
    },
  }
});
Run Code Online (Sandbox Code Playgroud)

以下是css被覆盖的视觉效果:

在此输入图像描述

如果我介绍一个hack并添加!重要的minHeight它的工作原理.显示此信息的代码框位于:https://codesandbox.io/s/4xmr2j2ny9

使用MuiTheme覆盖@media规范的正确方法是什么?

css reactjs material-ui

8
推荐指数
1
解决办法
1571
查看次数

标签 统计

css ×1

material-ui ×1

reactjs ×1