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>
4 respuestas
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>
En lugar de deshabilitado use el atributo readonly .
Con IE11 puede usar los botones de desplazamiento de aspecto deshabilitado, no la rueda del mouse
¿En qué versión de IE? En realidad está funcionando bien en IE11 ... tal vez debería verificar la versión que está ejecutando.
Preguntas relacionadas
Nuevas preguntas
html
HTML (HyperText Markup Language) es el lenguaje de marcado para crear páginas web y otra información que se mostrará en un navegador web. Las preguntas sobre HTML deben incluir un ejemplo mínimo reproducible y una idea de lo que está tratando de lograr. Esta etiqueta rara vez se usa sola y, a menudo, se combina con [CSS] y [javascript].