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

85

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

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

— user2370460
источник

4

Вы пробовали <textarea style="overflow:hidden"></textarea>?

— Andyb

141

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

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

Или же

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

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

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

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

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

— tinthetub
источник

5

textarea_element.style.overflow = "скрытый"; (работал в Firefox 44.0)

— AAAfarmclub

Этот подход скрывает полосу прокрутки, но если ваш контент большой, он больше не прокручивает его.

— Vano

Объедините с stackoverflow.com/questions/58169328/growing-textarea-in-blazor

— Йенс Мандер

17

style="overflow: hidden"и style="resize: none"были теми, кто добился цели.

— Dinder Logic
источник

13

как именно это не ответ?

— Роббо

10

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

-ms-overflow-style: none

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

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

— краситель
источник

Этот. Больше ничего не работает для IE10. Качественный товар.

— Джимбо Джонни,

Спасибо. Правильное решение.

— 3rdthemagical

7

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

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

<textarea class='scroll'></textarea>

Развернуть фрагмент

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

— NVRN СОВЕРШЕННО
источник

6

Скрыть полосу прокрутки, но с возможностью прокрутки с помощью CSS

Чтобы скрыть полосу прокрутки, используйте -webkit-, потому что она поддерживается основными браузерами (Google Chrome, Safari или более новыми версиями Opera). Есть много других вариантов для других браузеров, которые перечислены ниже:

    -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; }

ссылка: https://www.geeksforgeeks.org/hide-scroll-bar-but- while- still- being- able- to- scroll- using- css/

— user12472501
источник

0

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

— SauerTrout
источник

0

Скрыть полосу прокрутки для Mozilla.

  overflow: -moz-hidden-unscrollable;

— МустафаЭминн
источник