如何使用React和Material io修复Ipad或移动设备上的焦点背景色

import React from 'react';
import Button from '@material-ui/core/Button';

function MyComponent() {
  return (
    <Button variant="contained" color="primary">
      Click me
    </Button>
  );
}

export default MyComponent;

/* 自定义焦点样式 */
.custom-focus {
  background-color: yellow;
}

import React, { useState } from 'react';
import Button from '@material-ui/core/Button';
import './styles.css';

function MyComponent() {
  const [isFocused, setIsFocused] = useState(false);

  const handleFocus = () => {
    setIsFocused(true);
  };

  const handleBlur = () => {
    setIsFocused(false);
  };

  return (
    <Button
      variant="contained"
      color="primary"
      className={isFocused ? 'custom-focus' : ''}
      onFocus={handleFocus}
      onBlur={handleBlur}
    >
      Click me
    </Button>
  );
}

export default MyComponent;