отключить или скрыть полосу прокрутки в текстовой области

Question

Как отключить или скрыть полосу прокрутки в текстовой области

Answer 1

Это скроет все полосы прокрутки для текстовых областей.

textarea { 
overflow:hidden;
}

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

textarea#txt {
overflow:hidden;
}

Имейте в виду, что это ВЫСОКО не рекомендуется! Если пользователь попытается ввести больше, чем уместится в текстовой области, он не сможет увидеть, что он пишет. Вы не представляете, сколько людей захотят написать в форме.

Answer 2

Скрывать лишний текст не рекомендуется. Почему бы вам не попробовать использовать плагины jquery для автоматического изменения высоты текста в соответствии с пользовательским вводом ... Найдите ниже несколько ссылок на скрипты ...

1. Автоматическая высота

2. Авторазмер

Answer 3

Используйте

overflow:hidden для текстовой области.

См. Объявление переполнения

HTML

<textarea id="txtArea" rows="10" cols="20"></textarea>

CSS

#txtArea { overflow: hidden; }

При этом пользователь не сможет просматривать переполненный текст. Так что лучше сделать overflow: auto. Это показывает полосу прокрутки, где это необходимо.

Answer 4

Чтобы полностью скрыть это, используйте следующий CSS:

переполнение: скрыто;

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

переполнение: авто;

Сортировка.