web-dev-qa-db-fra.com

Est-il possible de changer la couleur de la police de TextField dans material-ui-next?

J'utilise actuellement material-ui-next

Et j'ai des problèmes pour essayer de changer la couleur de la police du TextField multiligne.

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

et le css:

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

Cependant, d’une manière ou d’une autre, je n’obtiens que le fond noir et la police est toujours noire. Est-ce que quelqu'un sait comment changer correctement la couleur de police d'un Textfield en utilisant material-ui-next?

3
sub_o

J'ai référé cette page API TextField

Et je remplace le TextField en utilisant Classes

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

Appliquez la classe à TextField à l'aide de InputProps.

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

J'espère que cela fonctionnera.

6
anonymous_siva

Je n'ai pas essayé moi-même exactement avec ce paquet, mais j'ai trouvé la documentation suivante à son sujet et j'ai eu une expérience similaire avec des paquets familiers:

Remplacements - Composants d'interface utilisateur

Pour ma part, j'utiliserais l'option de style en ligne car je viens de React-Native. Les solutions devraient ressembler à ceci:

//Inside your render
<TextField style = {style.textfield}/>

//Outside your class create a const with different styles
const style = {
textfield:{
  background: #000;
    color: green;
  }
}

0