ich das Material-ui bin mit und versuchen, die Hintergrundfarbe des RaisedButton
stylen, backgroundColor
genannt eines seiner Requisiten:Kann nicht Artmaterial-ui mit einem eigenen Requisiten
import React, {Component} from 'react';
import RaisedButton from 'material-ui/lib/raised-button';
import withStyles from 'isomorphic-style-loader/lib/withStyles';
import s from './Home.scss';
class Home extends Component {
render() {
return (
<div>
<h1 className={s.h1}>Pomodoro Tech</h1>
<div className={s.imgContain}>
<img src={require('./pom.png')} width="100%" height="100%"/>
</div>
<div>
<RaisedButton
label="Login"
secondary={true}
backgroundColor="#77CA2D"
/>
<RaisedButton
backgroundColor="#77CA2D"
label="About"
/>
</div>
</div>
);
}
}
export default withStyles(Home, s);
Aber Diese Eigenschaft macht niemals Unterschiede.
Die Version des von mir verwendeten Material-ui ist 0.15.0-alpha.1
, entsprechend dem Ergebnis von npm list --depth=0
Befehl.
Bevor ich diese Frage stelle, habe ich done some search, kann aber nicht herausfinden, was das Problem ist.
Meine beste Vermutung ist, dass es durch Ihre CSS verursacht wird, denn wenn ich einfügen, was Sie zeigen, minus die Stile, es honoriert meine backgroundColor-Spezifikation. Eine andere Möglichkeit ist, dass es ein Fehler in 15.x ist. Ich benutze 14.x. –
Welche Version von Material-Ui verwenden Sie? – FranBran
@LarryMaccherone entsprechend der Antwort in dem Link, den ich in meinen Fragenkörper einsetzte, ersetzte ich '' RaisedButton'' durch den '' FlatButton'' und die '' backgroundColor'' Requisiten funktionierten gut.Allerdings, als ich das CSS ausprobierte Lösung in dieser Antwort fehlgeschlagen, und mein '' RaisedButton'' bleibt unverändert. – Halt