停用 material-ui 编辑图标的指针事件

Question

我正在尝试停用 material-ui 编辑图标上的指针事件。（我的目标是 'the hand' 悬停在图标上时消失。）

import EditIcon from '@material-ui/icons/Create';
import { Button} from 'react-admin';

      <Button 
       label="Edit" startIcon={<EditIcon style={{pointerEvents:'none'}}/>}></Button>

我添加了内联样式，但这没有帮助。谢谢！

Answer 1

对于使用情感风格引擎的Mui v5+，可以使用以下方法。对于早期版本，请将 sx 替换为您的样式引擎。

import IconButton from '@mui/material/IconButton';
import EditIcon from "@mui/icons-material/Edit";

<IconButton sx={{ pointerEvents: "none", cursor: "not-allowed" }}>
  <EditIcon />
</IconButton>

停用 material-ui 编辑图标的指针事件

Deactivate Pointer-Events of material-ui Edit Icon

material-ui

react-admin