title: Hover functionality on Reactjs and Material UI
body: <p>I am using reactjs and material ui and i am not being able to change the background color of selected items in several components, for example in the SelectField.</p>
  
  <pre><code>&lt;SelectField
     floatingLabelText="Choose a sport"
     value={this.state.value}
     onChange={this.handleChange.bind(this)}
     menuStyle={{color:'red'}}
     menuItemStyle={{color:'black', borderBottom:'1px solid white'}}
     listStyle={{backgroundColor:'rgb(0, 188, 212)'}}
     labelStyle={{color:'black'}}
  </code></pre>
  
  <p>But i don't know how to add a hover functionality or change the selected item color.</p>
  
  <p>Any experiences on this?</p>
  
  <p>Thanks!</p>