html - 使用 CSS 将 textarea 设置为只读

Question

我正在尝试使用 CSS 将我的文本区域设置为只读，但不确定该怎么做。我试过以下事情，但似乎都没有用。

我知道如何使用 html 来实现，但我不想更改所有文本区域的 html。

readonly:readonly;

和

readonly:True;

和

readonly:"readonly";

Answer 1

readonly是 HTML 属性而不是 CSS 属性。

要防止通过 HTML 进行编辑，请添加 readonly属性给你的 textarea标签:<textarea readonly>content!</textarea>

要防止通过 CSS 进行编辑，请使用 pointer-events :

textarea {
  pointer-events: none;
}

这将导致浏览器忽略对该元素的点击，从而防止更改。 (不过，可能还有其他方法可以对其进行编辑。)