相关疑难解决方法(0)

这应该很简单，但由于某种原因，我无法弄清楚如何更改 TextField 上的边框颜色

<TextField style={{ borderColor: 'white', width: '100px' }} variant="outlined" />

它基本上只是从文档中复制出来的，轮廓上是白色的，所以我无法弄清楚到底是什么把它搞砸了。

我试图在 jsfiddle 或其他东西上重现，但找不到可以让我导入 TextField 模块的

也许这只是一个基本问题，但到目前为止尚未找到任何合理的解释。我是最近刚开始使用React和Material-UI的初学者。我不清楚何时使用输入与文本字段构建表单？

查看文档，感觉TextField是Input可以做的事情的超集，但不确定。Material-ui站点在文本字段和输入示例中都使用了示例，而没有说明一个相对于另一个以及任何用例的好处。

请提出建议。

如何更改“电子邮件”标签的颜色并使其与边框线相同？

这是我的代码：

import React, { Component } from "react";
import { Icon } from "semantic-ui-react";
import { Divider } from "semantic-ui-react";
import { TextField, Button, Grid } from "@material-ui/core";
import PropTypes from "prop-types";
import classNames from "classnames";
import { withStyles } from "@material-ui/core/styles";

let self;

const styles = theme => ({
  container: {
    display: "flex",
    flexWrap: "wrap"
  },
  textField: {
    marginLeft: theme.spacing.unit,
    marginRight: theme.spacing.unit,
    width: 280
  },
  cssLabel: {
    color: "#d3d3d3"
  },
  cssOutlinedInput: {
    "&:not(hover):not($disabled):not($cssFocused):not($error) $notchedOutline": {
      borderColor: "#d3d3d3" //default …

我可以通过什么方式覆盖全局主题，以便所有使用变体 = 'outlined' 的组件都受该样式的影响。还想覆盖焦点、悬停等事件。

 "@material-ui/core": "^3.9.2",