Material-ui: RaisedButtton custom hover styles

Created on 28 Sep 2016  路  3Comments  路  Source: mui-org/material-ui

Problem description

I don't see any obvious way to change the hover styles on RaisedButtons. Instead of lightening on hover I essentially need the inverse, need it to darken... but ideally would have complete control over how the hover looks via a hoverStyle or similar property.

Steps to reproduce

Versions

  • Material-UI:
  • React:
  • Browser:

Most helpful comment

For anyone else looking at this, here's a link to the example that I used to get this working: https://stackoverflow.com/questions/45284597/overriding-with-classes-in-material-ui-v1-0-0-beta-1-shows-the-key-provided-to

All 3 comments

So how would you do this now?

@MarcMagnin You can change the raised variation of the style. https://material-ui-1dab0.firebaseapp.com/component-api/button#css-api

For anyone else looking at this, here's a link to the example that I used to get this working: https://stackoverflow.com/questions/45284597/overriding-with-classes-in-material-ui-v1-0-0-beta-1-shows-the-key-provided-to

Was this page helpful?
0 / 5 - 0 ratings

Related issues

anthony-dandrea picture anthony-dandrea  路  3Comments

ryanflorence picture ryanflorence  路  3Comments

ghost picture ghost  路  3Comments

rbozan picture rbozan  路  3Comments

ghost picture ghost  路  3Comments