禁用文本区域答案

【问题标题】：Disabled textarea禁用文本区域
【发布时间】：2019-10-28 22:34:30
【问题描述】：

textarea 已禁用，但我仍然希望能够向下滚动并查看所有内容。

它在 Chrome 上运行良好，但在 IE (Internet Explorer) 上却不行。有没有办法解决这个问题？？

textarea {
  height: 100px;
  overflow-y: scroll;
}

&lt;textarea disabled&gt;Hello World Hello World Hello World Hello WorldHello World Hello WorldHello World Hello WorldHello World Hello WorldHello World Hello WorldHello World Hello WorldHello World Hello World Hello World Hello WorldHello World Hello WorldHello World Hello WorldHello World Hello WorldHello World Hello WorldHello World Hello World&lt;/textarea&gt;

【问题讨论】：

它在 Internet Explorer 11 中工作。
@dmitri7 它不起作用。我有 IE 11，但无法滚动。如果我尝试滚动，它会滚动页面。我的版本是 11.418。我的意思是用鼠标滚轮滚动

标签： html css internet-explorer

【解决方案1】：

最简单的方法是改用readonly。

因为您可以将滚动条移动到包装元素，但 IE 存在另一个问题，即它会在您滚动需要 javascript hack 来修复 afaik 的元素的同时滚动正文。

textarea {
  height: 100px;
  overflow-y: scroll;
}

/* Simulate disabled look how you please */
textarea[readonly="true"] {
  color: #333;
  background-color: #f0f0f0;
}

&lt;textarea readonly="true"&gt;Hello World Hello World Hello World Hello WorldHello World Hello WorldHello World Hello WorldHello World Hello WorldHello World Hello WorldHello World Hello WorldWorldHello World Hello WorldHello World Hello WorldHello World Hello WorldHello World Hello World&lt;/textarea&gt;

【讨论】：

【解决方案2】：

使用 readonly 属性代替 disabled。

【讨论】：

并添加一些样式来模拟“禁用”的外观。

【解决方案3】：

在哪个版本的 IE 中？它实际上在 IE11 上运行良好......也许你应该验证你正在运行的版本。

【讨论】：

【解决方案4】：

在 IE11 中，您可以使用具有禁用外观的滚动按钮而不是鼠标滚轮

【讨论】：

这个答案是否真的在其他人提供的信息中添加了任何内容？