reactjs - Material UI 文本字段无法更改多行的字体大小

Question

我正在尝试更改 Material UI 多行文本字段的字体大小。为此，我设置了 style InputProp 如下:

inputProps={{style: {fontSize: "14px"}}}

问题是默认的输入 Prop 样式随后被覆盖，阻止了文本字段的高度动态变化以适应多行。

如何正确更改多行 Material UI 文本字段的字体大小？

注意:我使用的是内联样式，而不是类名。

Answer 1

你只需要使用 InputProps (大写“I”)而不是 inputProps .小写 inputProps传递给最后的 textarea元素，但要使样式正常工作， InputBase 包装 textarea 的组件在div需要有正确的字体大小。

这是一个工作示例:

import React from "react";
import ReactDOM from "react-dom";
import TextField from "@material-ui/core/TextField";

function App() {
  return (
    <div className="App">
      <TextField multiline InputProps={{ style: { fontSize: 40 } }} />
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);