Remove scrollbars from textarea

Question

Following up to my previous question  Add a scrollbar to a  lt textarea gt   on how to always see the scrollbar in a  lt textarea gt   I am now wondering how you would set it so that there is no scrollbar in the  lt textarea gt   even when the text overflows  To scroll down with this  you would use the arrow keys or the mouse to navigate through the text   How can I do this

User · Answer

For MS IE 10 you ll probably find you need to do the following   -ms-overflow-style  none   See the following   https   msdn microsoft com en-us library hh771902 v vs 85  aspx

User · Answer

style  overflow  hidden  and style  resize  none  were the ones that did the trick

User · Answer

Give a class for eg  scroll to the textarea tag  And in the css add this property -  x000D   x000D   scroll  -webkit-scrollbar      display  none     x000D   lt textarea class  scroll  gt  lt  textarea gt  x000D   x000D   x000D   It worked for without missing the scroll part

User · Answer

Try the following  not sure which will work for all browsers or the browser you are working with  but it would be best to try all    lt textarea style  overflow auto  gt  lt  textarea gt    Or   lt textarea style  overflow hidden  gt  lt  textarea gt       As suggested above  You can also try adding this  I never used it before  just saw it posted on a site today     lt textarea style  resize none  gt  lt  textarea gt    This last option would remove the ability to resize the textarea  You can find more information on the CSS resize property here

User · Answer

Hide scroll bar for Mozilla    overflow  -moz-hidden-unscrollable

User · Answer

Hide scroll bar  but while still being able to scroll using CSS  To hide the scrollbar use -webkit- because it is supported by major browsers  Google Chrome  Safari or newer versions of Opera   There are many other options for the other browsers which are listed below       -webkit-  Chrome  Safari  newer versions of Opera        element  -webkit-scrollbar   width  0  important       -moz-  Firefox        element   overflow  -moz-scrollbars-none        -ms-  Internet Explorer  10        element   -ms-overflow-style  none      ref  https   www geeksforgeeks org hide-scroll-bar-but-while-still-being-able-to-scroll-using-css

User · Answer

I was able to get rid of my scroll bar on the body of text by removing my max-height attribute of my class

[html] Remove scrollbars from textarea

Examples related to html

Examples related to scroll

Examples related to textarea

Examples related to scrollbar

Examples related to overflow