My custom button has a background and a :hover color. It works fine on the web, but on mobile devices, the color of the :hover persists even after clicking the button when the mouse is not over it.
I am looking for a solution to fix this issue because the button retains the :focus CSS media with the same attributes as :hover
import MaterialButton from '@material-ui/core/Button';
export const Button = ({ title, className, style, onClick, disabled, type }: Props) => {
return (
<MaterialButton
ref={buttonRef}
type={type}
className={className}
style={style}
onClick={onClick}
disabled={disabled}
>
{title}
</MaterialButton>
);
};