Фишки с тэгом textarea

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

Убираем скроллбары

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

Убрать их просто:

textarea {
	overflow: hidden;
}

Запрет на изменение размера

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

textarea {
	resize: none;
}

Обводка поля textarea

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

textarea {
	outline: none;
	-moz-appearance: none;
	border: 1px solid #999;
}

Поддержка браузерами: