Eliminar barras de desplazamiento del área de texto


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

¿Cómo puedo hacer esto?

Author: Community, 2013-10-17

4 answers

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

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

O

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

As Como se sugirió anteriormente

También puedes intentar agregar esto, nunca lo usé 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 de textarea. Puede encontrar más información sobre la propiedad CSS resize aquí

 97
Author: tinthetub,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-07-21 11:41:41

Para MS IE 10 es probable que tenga que hacer lo siguiente:

-ms-overflow-style: none

Véase lo siguiente:

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

 9
Author: tintinator,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-06-23 19:31:25

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

 8
Author: Dinder Logic,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-03-20 18:44:07

Da una clase para eg: scroll a la etiqueta textarea. Y en el css añadir esta propiedad -

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

Funcionó sin perder la parte de desplazamiento

 4
Author: N V R N SATISH,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-05-16 10:35:25