Html 使用CSS使texarea只读

我正在尝试使用CSS使我的文本区域只读，但不知道如何做到这一点。我试过以下几件事，似乎都不管用

我知道如何使用html，但我不想这样做并更改所有文本区域的html

readonly:readonly;

及

及

在HTML中尝试以下操作：

<textarea readonly>
  Your text goes here.......
</textarea> 

你的文字放在这里。。。。。。。

在HTML中尝试以下操作：

<textarea readonly>
  Your text goes here.......
</textarea> 

你的文字放在这里。。。。。。。

只读

是一个HTML属性，而不是CSS属性

要防止通过HTML进行编辑，请将

readonly

属性添加到

textarea

标记：

内容

要防止通过CSS进行编辑，请使用
指针事件
：

textarea {
  pointer-events: none;
}

这将导致浏览器忽略对图元的单击，从而防止修改。（不过，可能还有其他编辑方法。）
readonly
是一个HTML属性，而不是CSS属性

要防止通过HTML进行编辑，请将
readonly
属性添加到
textarea
标记：
内容

要防止通过CSS进行编辑，请使用
指针事件
：

textarea {
  pointer-events: none;
}

这将导致浏览器忽略对图元的单击，从而防止修改。（不过，可能还有其他方法可以编辑它。）
如果只需要使用css，可以尝试
指针事件：无。但是，这不是交叉浏览器决定
如果只需要使用css，可以尝试
指针事件：无。但是，这不是交叉浏览器的决定
您能告诉我哪个浏览器可用，哪个不可用吗？您能告诉我哪个浏览器可用，哪个不可用吗？