102得票11回答
如何为Material-UI的文本框添加样式

我一直在试图弄清楚如何为一个Material-UI TextField组件添加样式。 <TextField id="email" label="Email" className={classes.textField} value={this.state....

102得票2回答
如何在Material UI中应用自定义动画效果@keyframes?

我已经学会了如何使用@keyframe在CSS中制作动画。但是,我想为我的React项目(使用Material UI)编写自定义动画代码。我的挑战是如何使用makeStyle()在Javascript中编写自定义动画代码。 这一次,我想能够在Material UI中以百分比的方式自定义过渡效...

100得票17回答
在React-router中拦截/处理浏览器的返回按钮?

我正在使用 Material-ui 的标签页(Tabs),它们是可控制的。我将它们用于 (React-router) 链接,如下所示: <Tab value={0} label="dashboard" containerElement={<Link to="/dashboar...

98得票10回答
Material UI组件中的媒体查询

我在一个React.js项目中使用Material UI组件,由于某些原因,我需要对一些组件进行自定义以使其根据屏幕宽度响应。 我已经添加了媒体查询并将其作为样式属性传递给组件,但不起作用,有什么想法吗? 我正在使用类似这样的代码: const drawerWidth = { wid...

98得票9回答
如何为所有Material-UI组件添加填充和边距?

我需要向一些Material-UI组件添加填充或边距,但找不到简单易行的方法。我能否将这些属性添加到所有组件中?类似于以下方式:<Button color="default" padding={10} margin={5}> 我知道使用纯CSS和类也可以实现这一点,但我想以Mate...

98得票9回答
JSS如何更改颜色的不透明度

目前我正在使用以下代码通过jss为元素添加颜色。 const styleSheet = theme => ({ root: { backgroundColor: theme.colors.red, }, }) 我想知道是否存在一个函数,可以基于颜色...

94得票9回答
更改所有 Material UI 组件的字体系列

我们能否用更少的代码更改Material UI组件的字体族?我已经尝试了许多方法,但仍然无法做到。我必须单独更改字体族,这真的是很多工作量。有其他方法可以做到吗?

93得票3回答
CSS 伪类选择器与 Material UI

我在很多Material UI代码中看到他们在React的样式组件中使用伪选择器。我想自己试一试,但是我做不到。我不确定我哪里做错了,或者这是否可能。 我正在尝试创建一些CSS来将此元素与固定标题进行偏移。 import React from 'react'; import { creat...

90得票5回答
如何使用material-ui-next中的material-ui appbar正确地向右或向左浮动?

我无法确定在使用material-ui-next("material-ui": "^1.0.0-beta.22")的情况下是否采用了正确的方法来让登录/注销按钮向右浮动。 看起来他们从API中删除了iconElementRight=。现在我们是否必须在应用栏中使用<Grid>?这...

87得票14回答
如何在Material-UI中使用SvgIcon来使用SVG文件

我有一个SVG文件,想将其制作成SvgIcon组件,应该怎么做? 在这个文档中,所有的例子都使用预定义的Material Icons或一个奇怪的符号<path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />,我不知道它是什么。