From cb593a59a207a3f4ee0341caf90581f3b12d3692 Mon Sep 17 00:00:00 2001 From: eps1lon Date: Fri, 21 May 2021 16:21:00 +0200 Subject: [PATCH] [ButtonBase] Don't apply hover styles when disabled --- packages/material-ui/src/Button/Button.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/material-ui/src/Button/Button.js b/packages/material-ui/src/Button/Button.js index 585c971f7c98a2..43ef18c330e577 100644 --- a/packages/material-ui/src/Button/Button.js +++ b/packages/material-ui/src/Button/Button.js @@ -84,7 +84,7 @@ const ButtonRoot = experimentalStyled(ButtonBase, { duration: theme.transitions.duration.short, }, ), - '&:hover': { + '&:hover': !styleProps.disabled && { textDecoration: 'none', backgroundColor: alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity), // Reset on touch devices, it doesn't add specificity