Supprimer les barres de défilement de textarea
A la suite de ma question précédente ( (Ajouter une barre de défilement à une <textarea> ) sur la façon de toujours voir la barre de défilement dans un <textarea>, je me demande maintenant comment vous y alliez Il n'y a pas de barre de défilement dans le <textarea>, même lorsque le texte déborde. Pour faire défiler l'écran vers le bas, utilisez les touches de direction ou la souris pour parcourir le texte.
Comment puis-je faire ceci?
Essayez ce qui suit, vous ne savez pas ce qui fonctionnera pour tous les navigateurs ou le navigateur avec lequel vous travaillez, mais il serait préférable de tout essayer:
<textarea style="overflow:auto"></textarea>
Ou
<textarea style="overflow:hidden"></textarea>
... comme suggéré ci-dessus
Vous pouvez également essayer d'ajouter ceci, je ne l'avais jamais utilisé auparavant, je viens de le voir posté sur un site aujourd'hui:
<textarea style="resize:none"></textarea>
Cette dernière option supprimerait la possibilité de redimensionner le textarea. Vous pouvez trouver plus d’informations sur la propriété CSS resizeici
style="overflow: hidden" et style="resize: none" sont ceux qui ont fait l'affaire.
Pour MS IE 10, vous constaterez probablement que vous devez procéder comme suit:
-ms-overflow-style: none
Voir ce qui suit:
https://msdn.Microsoft.com/en-us/library/hh771902 (v = vs.85) .aspx
Donnez une classe pour par exemple: scroll à la balise textarea. Et dans le css ajouter cette propriété -
.scroll::-webkit-scrollbar {
display: none;
}Cela a fonctionné pour sans manquer la partie de défilement
J'ai pu supprimer la barre de défilement du corps du texte en supprimant l'attribut max-height de ma classe.