如何禁用textarea并保持插入符号处于活动状态

Question

我想知道你将如何能够完成你有一个禁用文本区域的场景，同时你想让文本光标的插入符号仍然有效，有什么想法吗？

Answer 1

根据您要禁用的内容，您可能正在查找readonly属性。这可以防止粘贴或键入，但不能选择和复制。它也不会使元素变灰。

＆＃13;

＆＃13;

<textarea>This is a normal textarea.</textarea>
<br>
<textarea readonly>This is a readonly textarea.</textarea>
<br>
<textarea disabled>This is a disabled textarea.</textarea>

＆＃13;

＆＃13;

＆＃13;

现在，如果您做想要使元素变灰，以便它具有disabled外观，您可以使用CSS设置其颜色。

＆＃13;

＆＃13;

textarea[readonly] {
  color: rgba(128, 128, 128, 1);
  background: rgba(128, 128, 128, .15);
  border-color: rgba(128, 128, 128, .15);
  border-style:solid;
}

＆＃13;

<textarea>This is a normal textarea.</textarea>
<br>
<textarea readonly>This is a readonly textarea.</textarea>
<br>
<textarea disabled>This is a disabled textarea.</textarea>

＆＃13;

＆＃13;

＆＃13;