文本区域的CSS无法点击

Question

如何设置文本区域的CSS，使其不能被点击。

           <textarea></textarea>

谢谢

- Hulk

---

你的意思是“不能点击它”吗？ - RoToRa

在只读模式下，当单击文本区域时，光标不应该聚焦于文本区域。 - Hulk

Answer 1

请尝试

<textarea disabled="yes"></textarea>

在大多数浏览器中，这将使文本区域的内容变灰，用户将无法从其中复制任何文本。如果您不喜欢这样的效果，可以使用以下代码：

<textarea readonly="yes"></textarea>

元素仍可点击，用户可以选择/复制其中的文本，但无法对其进行编辑。

- ЯegDwight

---

我认为应该使用<textarea disabled></textarea>或者<textarea disabled="disabled"></textarea>，同样适用于readonly。 - Salman A

Answer 2

那么您不想让用户编辑textarea的内容？简单解决方案：不要使用textarea。只需使用普通的div或pre并进行样式设置即可。

- RoToRa

Answer 3

你不能用CSS来做这个，你必须在标记中这样做：

<textarea disabled="disabled"></textarea>

- Dänu

Answer 4

如果您希望按照标准规范进行开发，建议如下：

1. "不可点击"的情况：

   <textarea readonly> ... </textarea>

2. "灰色且不可点击"（也就是禁用）的情况：

   <textarea disabled> ... </textarea>

您可以在这里找到“textarea”控件的所有其他属性。

- Ognyan Dimitrov