Удаление полос прокрутки из текстового поля

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

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

Ответы

Ответ 1

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

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

или

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

... Как указано выше

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

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

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

Ответ 2

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

Ответ 3

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

-ms-overflow-style: none

См. следующее:

https://msdn.microsoft.com/en-us/library/hh771902(v=vs.85).aspx

Ответ 4

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

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

Ответ 5

Я смог избавиться от своей полосы прокрутки в теле текста, удалив свой атрибут max-height моего класса.