材质用户界面：表单样式

Question

我正在寻找一种解决方案来编辑​​我的材料ui表单的样式。 我想更改背景和边框。

我尝试直接在CSS中进行更改：

input { background:#999; }

但是它会更改所有div（https://www.awesomescreenshot.com/showImage?img_id=3537926）的背景

我正在将Redux Form与Material UI结合使用：https://redux-form.com/7.4.2/examples/material-ui/

Answer 1

material-ui方式-在具有表单的jsx文件中，您可以定义一个包含classNames的主题

import classNames from "classnames";

....

const styles = theme => ({
  form_input: {
    background: "#999"
  },
....

然后，在您的表单或封闭的div标签中，添加类似...

className={classes.form_input}