Stuck on an issue?
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.
<Box> and <Typography> do not support "cursor" CSS property
See original GitHub issueThe Box and Typography components do not support the CSS cusor property, though they should if they are to support all common CSS properties. Because they don’t support it means I have to use makeStyle unnecessarily in some cases.
- I have searched the issues of this repository and believe that this is not a duplicate.
Summary 💡
I should be able to do the following to change the cursor style:
<Box cursor="pointer">...</Box>
<Typography cursor="pointer">...</Typography>
Examples 🌈
https://material-ui.com/system/basics/#all-inclusive
Motivation 🔦
Sometimes I need to change the cursor style of an element.
Issue Analytics
- State:
- Created 4 years ago
- Reactions:17
- Comments:9 (5 by maintainers)
Top Results From Across the Web
<Box> and <Typography> do not support "cursor" CSS property
The Box and Typography components do not support the CSS cusor property, though they should if they are to support all common CSS...
Read more >cursor - CSS: Cascading Style Sheets - MDN Web Docs
The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element.
Read more >cursor - CSS-Tricks
The cursor property in CSS controls what the mouse cursor will look like when it is located over the element in which this...
Read more >Change cursor type - Material UI Expansion Panel
When the user hovers over the panel, the default behaviour is to set the cursor to pointer . I modified it to display...
Read more >CSS cursor property - W3Schools
The cursor property specifies the mouse cursor to be displayed when pointing over an element.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Ok, well I have some text where we want to support changing the default cursor
@weslenng sweet! Can it be added to
<Typography>too?