Supprimer les barres de défilement de textarea

Question

En suivant ma question précédente (Ajouter une barre de défilement à un </a>) sur la manière de toujours voir la barre de défilement dans un <code><textarea></code>, je me demande maintenant comment vous pourriez le configurer pour qu'il n'y ait pas de barre de défilement dans le <code><textarea></code>, même lorsque le texte dépasse. Pour faire défiler vers le bas, vous utiliseriez les touches fléchées ou la souris pour naviguer à travers le texte.</p> <p>Comment puis-je faire cela?</p></x-turndown>

Answer 1

Les solutions pour ne pas afficher la barre de défilement (au lieu de masquer complètement le débordement) mentionnées dans les autres réponses (voir ::-webkit-scrollbar) fonctionnent bien sauf pour Firefox. De plus, les solutions spécifiques à "-moz-" mentionnées ne fonctionnent pas pour moi dans Firefox.

Utilisez plutôt :

scrollbar-width: none;

pour Firefox !

Answer 2

J'ai réussi à me débarrasser de ma barre de défilement sur le corps de texte en supprimant l'attribut max-height de ma classe.

Answer 3

Masquer la barre de défilement pour Mozilla.

  overflow: -moz-hidden-unscrollable;

Answer 4

Comme d'autres l'ont mentionné, cacher les barres de défilement sans affecter le défilement je pense que c'est le comportement souhaité : https://blog.logrocket.com/hide-scrollbar-without-impacting-scrolling-css