Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

RaisedButtton custom hover styles #5283

Closed
bobmonteverde opened this issue Sep 28, 2016 · 3 comments
Closed

RaisedButtton custom hover styles #5283

bobmonteverde opened this issue Sep 28, 2016 · 3 comments
Labels
component: button This is the name of the generic UI component, not the React module! package: styles Specific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5.

Comments

@bobmonteverde
Copy link

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:
@oliviertassinari oliviertassinari mentioned this issue May 21, 2017
Merged
@MarcMagnin
Copy link

So how would you do this now?

@oliviertassinari
Copy link
Member

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

@matthewberkompas
Copy link

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

@oliviertassinari oliviertassinari added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Dec 21, 2022
@zannager zannager added component: button This is the name of the generic UI component, not the React module! package: styles Specific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5. and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jan 11, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
component: button This is the name of the generic UI component, not the React module! package: styles Specific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@bobmonteverde @MarcMagnin @oliviertassinari @matthewberkompas @zannager