首页 文章

是否可以在material-ui-next中更改TextField的字体颜色?

提问于
浏览
3

我目前正在使用material-ui-next

我在尝试更改多行TextField的字体颜色时遇到问题 .

<TextField className = "textfield"
           fullWidth
           multiline
           label   = "Debugger"
           rows    = "10"
           margin  = "normal"/>

和css:

.textfield {
    background-color: #000;
    color: green;
}

然而,不知何故,我只得到黑色背景,字体仍然是黑色 . 有谁知道如何使用material-ui-next正确更改Textfield的字体颜色?

3 回答

  • 0

    我推荐了这个页面TextField API

    我使用Classes重写TextField

    const styles = theme => ({
      multilineColor:{
        color:'red',
      },});
    

    使用InputProps将类应用于TextField .

    <TextField className = "textfield"
               fullWidth
               multiline
               InputProps={{
            classes: {
              input: classes.multilineColor,
            },
          }}
               label   = "Debugger"
               rows    = "10"
               margin  = "normal"/>
    

    希望这会奏效 .

  • 5

    尝试下面的CSS

    .textfield{
         color: #000;
        }
    
  • 0

    我没有尝试使用这个软件包,但是找到了关于它的文档,并且对熟悉的软件包有类似的经验:

    Overrides - Material-UI Components

    对于我自己,我会使用内联样式选项,因为我来自React-Native . 解决方案应如下所示:

    //Inside your render
    <TextField style = {style.textfield}/>
    
    //Outside your class create a const with different styles
    const style = {
    textfield:{
      background: #000;
        color: green;
      }
    }
    

相关问题