禁用的文本区域

Question

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

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

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

<textarea disabled>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</textarea>

Answer 1

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

Answer 2

使用 readonly 属性代替 disabled。

Answer 3

在 IE11 中，您可以使用看起来不可用的滚动按钮而不是鼠标滚轮

Answer 4

最简单的方法是使用 readonly。

因为您可以将滚动条移动到环绕元素，但 IE 有另一个问题，它会在您滚动元素的同时滚动正文，这需要 javascript hacks 来修复 afaik。

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

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

<textarea readonly="true">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</textarea>

禁用的文本区域

Disabled textarea

html

css

internet-explorer