I am trying to change the background color of a raised button on hover in Material UI. I attempted the following, but it did not work. Is there a way to modify the background color in Material UI for a raised button?
Example.JS
<RaisedButton
className="button"
secondary={false}
label="LOGIN"
fullWidth={true}
labelPosition="before"
icon={<img src="../../images/next.png" />}
onTouchTap={() => signinWithEmailAndPassword(document.getElementById('Email').value, document.getElementById('password').value)}
/>
Example.css
.button{
position: absolute;
bottom: 0;
left: 0;
background-color: #00BCD4;
}
.button:hover{
background-color: #00BCD4;
color: #FFF;
}