El área de texto está deshabilitado pero todavía quiero poder desplazarme hacia abajo y ver todo.

Funciona bien en Chrome, pero en IE (Internet Explorer) no lo hace. ¿Hay alguna forma de solucionar esto?

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>
1
Tiago Silva 28 oct. 2019 a las 17:13

4 respuestas

La mejor respuesta

La forma más fácil es usar readonly en su lugar.

Porque podría mover el desplazamiento a un elemento de ajuste, pero IE tiene otro problema en el que desplazará el cuerpo al mismo tiempo que desplaza el elemento que requiere hacks de javascript para corregir 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>
1
Dominic 28 oct. 2019 a las 14:34

En lugar de deshabilitado use el atributo readonly .

1
dmitri7 28 oct. 2019 a las 14:21

Con IE11 puede usar los botones de desplazamiento de aspecto deshabilitado, no la rueda del mouse

0
Rob Cle 28 oct. 2019 a las 14:31

¿En qué versión de IE? En realidad está funcionando bien en IE11 ... tal vez debería verificar la versión que está ejecutando.

0
Raphael Scalfoni 28 oct. 2019 a las 14:20