MaterialUI-设置输入的占位符文本的样式

Question

对于一些类似的Material UI问题，我尝试了一些堆栈溢出的答案，但是似乎没有一种解决方案适合我的情况。

我有一个带有占位符文本的Input组件。我要为占位符文本的大小和字体系列设置样式。现在，我只是通过组件上的inputProps进行内联样式化。这是我的代码：

<Input
          inputProps={{
            classes: {
              fullWidth: {fontFamily: 'Open Sans', fontSize: 18.9}
            }
          }}
          fullWidth={true}
          placeholder="Business Email Address"
          onChange={this._onChange}
        />

Answer 1

es6中的样式化组件可以使用，用样式创建常量

//this out side the class
const inputStyle = {
  fontFamily: 'Open Sans', 
  fontSize: 18.9px
};

<Input
   style={inputStyle}
   fullWidth={true}
   placeholder="Business Email Address"
   onChange={this._onChange}
/>

希望与您合作

Answer 2

我知道我在回答一个老问题，但是...

另一种选择是在您的样式中使用“&”选择器。

'& ::placeholder': {
   //Styles go here...
}

这将直接影响占位符文本。