指针事件：none 不适用于 material-ui 文本字段输入

Question

我有一个 material-ui textField input，我将其上的 css 设置为 pointer-events: none，但这不会阻止用户在输入中输入文本。

我知道我可以添加一个 disabled={true} 标志，但如果我可以使用 CSS 来做到这一点，那会简单得多——而不是添加更多逻辑、检查道具等——我可以只禁用它基于父 class。

如何使用指针事件：none 和 materialUI 文本字段输入？

Answer 1

在输入上设置 disabled 属性是禁用输入的正确方法。 pointer-events: none 通常用于 SVG 图像以抑制点击事件。

Answer 2

您可以添加

const styles = theme => ({
  textField: {
    pointerEvents: "none"
  }
});

然后在文本字段中

<TextField
className={classes.textField} />

这样你就不必覆盖禁用 css。

pointer-events: none does not work on material-ui textField input