Отключенная текстовая область

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

Самый простой способ - использовать readonly.

Поскольку вы можете переместить прокрутку на элемент обтекания, но у IE есть другая проблема, когда он будет прокручивать тело одновременно с прокруткойэлемент, который требует взлома JavaScript, чтобы исправить 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>

Answer 2

Вместо отключено использовать атрибут readonly .

Answer 3

С IE11 вы можете использовать отключенные кнопки прокрутки, а не колесо мыши

Answer 4

В какой версии IE? На IE11 все работает нормально ... возможно, вам следует проверить версию, которую вы используете.