Следуя моему предыдущему вопросу ( добавить полосу прокрутки в <textarea> ) о том, как всегда видеть полосу прокрутки в a <textarea>
, мне теперь интересно, как бы вы ее установили, чтобы в ней не было полосы прокрутки <textarea>
, даже когда текст переполняется. Чтобы прокрутить вниз, вы должны использовать клавиши со стрелками или мышь для перемещения по тексту.
Как я могу это сделать?
<textarea style="overflow:hidden"></textarea>
?Ответы:
Попробуйте следующее, не зная, что будет работать для всех браузеров или браузера, с которым вы работаете, но было бы лучше попробовать все:
<textarea style="overflow:auto"></textarea>
Или же
<textarea style="overflow:hidden"></textarea>
... Как предложено выше
Вы также можете попробовать добавить это, я никогда не использовал его раньше, просто видел, как он был размещен на сайте сегодня:
<textarea style="resize:none"></textarea>
Этот последний вариант удалит возможность изменять размер файла
textarea
. Вы можете найти дополнительную информацию оresize
свойстве CSS здесьисточник
style="overflow: hidden"
иstyle="resize: none"
были теми, кто добился цели.источник
Для MS IE 10 вы, вероятно, обнаружите, что вам нужно сделать следующее:
-ms-overflow-style: none
См. Следующее:
https://msdn.microsoft.com/en-us/library/hh771902(v=vs.85).aspx
источник
Дайте класс, например:
scroll
тегу textarea. И в css добавьте это свойство -.scroll::-webkit-scrollbar { display: none; }
<textarea class='scroll'></textarea>
Это сработало, не пропуская часть прокрутки
источник
Скрыть полосу прокрутки, но с возможностью прокрутки с помощью 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/
источник
Мне удалось избавиться от полосы прокрутки в теле текста, удалив атрибут max-height моего класса.
источник
Скрыть полосу прокрутки для Mozilla.
overflow: -moz-hidden-unscrollable;
источник