html - scrolling - Eliminar barras de desplazamiento de textarea

scrollbar bootstrap

Question

Siguiendo mi pregunta anterior ( Agregar una barra de desplazamiento a un <textarea> ) sobre cómo ver siempre la barra de desplazamiento en un <textarea> , ahora me pregunto cómo se configuraría para que no haya una barra de desplazamiento en <textarea> , incluso cuando el texto se desborda. Para desplazarse hacia abajo con esto, debe usar las teclas de flecha o el mouse para navegar por el texto.

¿Cómo puedo hacer esto?

Answer 1

Da una clase por ejemplo: scroll a la etiqueta textarea. Y en el css agrega esta propiedad -

.scroll::-webkit-scrollbar {
   display: none;
 }

Funcionó sin faltar la parte de desplazamiento

Answer 2

Intente lo siguiente, no estoy seguro de cuál funcionará para todos los navegadores o el navegador con el que está trabajando, pero sería mejor probarlo todo:

<textarea style="overflow:auto"></textarea>

O

<textarea style="overflow:hidden"></textarea>

... Como se sugirió anteriormente

También puede intentar agregar esto, nunca lo había usado antes, solo lo vi publicado en un sitio hoy:

<textarea style="resize:none"></textarea>

Esta última opción eliminaría la capacidad de cambiar el tamaño del área de textarea . Puede encontrar más información sobre la propiedad de cambio de resize CSS here

Answer 3

Para MS IE 10, probablemente encontrará que debe hacer lo siguiente:

-ms-overflow-style: none

Vea lo siguiente:

https://msdn.microsoft.com/en-us/library/hh771902(v=vs.85).aspx

Answer 4

style="overflow: hidden" y style="resize: none" fueron los que hicieron el truco.