Удаление полос прокрутки из textarea

продолжение моего предыдущего вопроса (добавить полосу прокрутки в ) о том, как всегда видеть полосу прокрутки в <textarea>, Мне теперь интересно, как вы установите его так, чтобы в <textarea>, даже когда текст переполняет. Чтобы прокрутить его вниз, используйте клавиши со стрелками или мышь для навигации по тексту.

Как я могу это сделать?

4 ответов


попробуйте следующее, Не уверен, что будет работать для всех браузеров или браузер с которым вы работаете, но было бы лучше, чтобы попробовать все:

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

или

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

...как предложено выше

вы также можете попробовать добавить это, я никогда не использовал его раньше, просто видел его на сайте Сегодня:

<textarea style="resize:none"></textarea>

эта последняя опция удалит возможность изменять размер textarea. Вы можете найти более подробную информацию о CSS resize собственность здесь


для MS IE 10 вы, вероятно, найдете, что вам нужно сделать следующее:

-ms-overflow-style: none

видим следующее:

https://msdn.microsoft.com/en-us/library/hh771902 (v=против 85).aspx


style="overflow: hidden" и style="resize: none" были те, которые сделали свое дело.


дайте класс, например:scroll к тегу textarea. И в css добавьте это свойство -

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

он работал, не пропуская часть прокрутки