Question

仅边框-样式在jsx行中不存在。

<TextField className="form-control" value={this.state.referenceNumberOut} required={true} onChanged={this.handleReferenceNumberOut} errorMessage={(this.state.referenceNumberOut.length === 0 && this.state.onSubmission === true) ? this.state.required : ""} placeholder="text"/>

Answer 1

在反应内联样式中，对象不是字符串，因此请尝试类似

<TextField style={{border: 'none'}} ....

更多信息，请访问https://www.w3schools.com/react/react_css.asp

Answer 2

您必须修改HTML代码：-

<div className="TextField-without-border-radius">
  <TextField
    name="url"
    variant="outlined"
  />
</div>

写cs删除边框

.TextField-without-border-radius fieldset {
  border: 0;
}

从此链接https://github.com/mui-org/material-ui/issues/13570中获取的解决方案

反应删除TextField输入的边框

2 个答案: