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?
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í
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
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.
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
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