Запрет на изменение размера поля textarea в Webkit-браузерах — Safari и Chrome
Как известно, в браузерах Safari и Chrome, основанных на Webkit, у элемента формы textarea можно изменять размер. Но иногда это не нужно — при изменении размера textarea дизайн сайта может измениться, вёрстка скривиться и в результате всё будет выглядеть не так, как бы этого хотел дизайнер и заказчик, утвердивший дизайн. Конечно же этого не произойдёт, если пользователь не будет изменять размер поля.
Но дай только пользователю волю 🙂
Для того, чтобы запретить изменение размера в стилях CSS к полю textarea нужно прописать следующее:
1 2 3 4 5 |
textarea { resize: none; } |
В этом случае поле textarea примет обычный вид и его размеры нельзя будет изменить.
Правда в этом случае, если пропустить CSS-код через валидатор, то будет следующая ошибка
Property resize doesn’t exist in CSS level 2.1 but exists in [css3] : none