Открыть меню    

Как убрать полосу прокрутки у тега textarea

При тестировании в браузере IE вы всегда можете увидеть то, что совсем не ждете. Например, у тега textarea в браузере IE отображается полоса прокрутки (скроллбар). IE (и некоторые другие браузеры) любят отображать полосу прокрутки в теге textarea, даже когда в этом нет никакой необходимости.

К счастью, убрать полосу прокрутки не составляет большого труда.

полоса прокрутки в браузере IE

Решение

Решение простое: в файле CSS селектору тега <textarea> необходимо добавить одну строчку кода.

CSS

textarea{
overflow: auto;
} 
полоса прокрутки в браузере IE убрана

Хотите навсегда удалить полосу прокрутки?

Просто добавьте нижеприведенную строчку кода в ваш файл стилей, и полоса прокрутки никогда не появится, даже если текстовая область переполнится.

CSS

textarea{
overflow: hidden;
}

Я не рекомендую использовать это объявление, ведь при переполнении области вы не увидите печатаемый текст. Должна быть веская причина в использовании данной строчки кода.

Источник

Комментарии к статье

аватарка пользователя
2020-06-29
Олег

Вот так нужно:
textarea::-webkit-scrollbar{
width: 0;
}