Ограничение изменения textarea в Google Chrome

Ограничение изменения textarea в Google Chrome

Хороший версальщик должен верстать сайты кросс-браузерно, то есть выглядеть сайт должен одинаково во всех браузерах.

Компания Google в своем браузере добавила, на мой взгляд, очень удобную функцию - возможность раздвигать в формах поле для ввода. Это очень удобно, так как иногда большой текст не влазит в отведенные вебмастером размеры и приходится пользоваться прокруткой.

Также в некоторые жизненно важные моменты эта фича бывает неуместной и ее использование нарушает внешний вид сайта.

Кстати, изменять размер этого поля можно не только в Google Chrome, а вообще в любом браузере, который построен на движке Webkit, то есть такая же фишка есть в Safari и других обозревателях.

Я до этого не знал, что есть возможность отказаться от этого или просто ограничить изменение размера по какой-либо оси (по горизонтали или по вертикали). Эта возможность появилась только в CSS3. Теперь я стал умнее и для меня открылась работа в любом городе, даже работа в Запорожье. Деваться некуда, придется ехать. :)

Чтобы отказаться от использования этой фишки нужно добавить css-параметр форме ввода textarea:

textarea{
resize: none;
}

Чтобы оставить возможность изменять textarea только по вертикали, нужно добавить resize с параметром vertical:

textarea{
resize: vertical;
}

Чтобы оставить возможность изменять параметр только по горизонтали, добавляем:

textarea{
resize: horizontal;
}

По умолчанию этот параметр имеет значение both, что говорит о том, что разрешена как горизонтальное изменение, так и вертикальное.

Убедится в работоспособности этого приема можно прямо на этом блоге в форме ввода комментария.

Комментарии:

Имя
e-mail
Сайт
Текст комментария: