使用material-ui对话框组件突出显示背景元素

import Dialog from '@material-ui/core/Dialog';
import DialogContent from '@material-ui/core/DialogContent';

const CustomDialog = () => {
  const dialogStyle = {
    backgroundColor: 'yellow', // 设置背景颜色为黄色
    padding: '20px', // 设置内边距
    borderRadius: '10px', // 设置边框圆角
  };

  return (
    <Dialog open={true}>
      <DialogContent style={dialogStyle}>
        {/* 对话框内容 */}
      </DialogContent>
    </Dialog>
  );
};

const CustomDialog = () => {
  // ...

  return (
    <Dialog open={true}>
      <DialogContent style={dialogStyle}>
        <div style={{ backgroundColor: 'blue', height: '100px', width: '100px' }}>
          {/* 突出显示的背景元素 */}
        </div>
        {/* 其他内容 */}
      </DialogContent>
    </Dialog>
  );
};