Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
[MenuItem] background-color can't override due to specificity
See original GitHub issue- This is a v1.x issue.
- I have searched the issues of this repository and believe that this is not a duplicate.
Expected Behavior
MenuItem can override selected style.
Current Behavior
MenuItem can’t override selected style due to specificity.
see: https://github.com/mui-org/material-ui/blob/7fdc1890fb744b565480835fd5684e66871c679f/packages/material-ui/src/MenuItem/MenuItem.js#L20-L22
Steps to Reproduce
Link: https://codesandbox.io/s/6v2kolp19n
Context
In my case, I override selected style with createMuiTheme function, so no problem for me.
but it might be helpful to someone.
I’ll make a PR with removing &$selected property and copying to selected property as default css.
Thank you for taking time.
Your Environment
| Tech | Version |
|---|---|
| Material-UI | v1.4.0 |
| React | |
| browser | |
| etc. |
Issue Analytics
- State:
- Created 5 years ago
- Comments:5 (4 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
@Dror88 Same answer as in https://github.com/mui-org/material-ui/issues/10620
I’m happy to share the vision 😃