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?
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.
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;
}
}