CSS

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

Опубликовано
Комментарии Нет

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

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

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

textarea {
  resize: none;
}

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

textarea {
  resize: vertical;
}

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

textarea {
  resize: horizontal;
}

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

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

Автор

Комментарии

Нет комментариев к данной статье.

Комментарии

Поля обозначенные как * требуются обязательно. Перед постингом всегда делайте просмотр своего комментария.





← Старые Новые →