textare a не изменяет размер при изменении параметра «cols»

Question

У меня есть текстовое поле, которое я хотел бы сжимать по ширине: но независимо от того, для чего я устанавливаю параметр cols =, текстовая область сохраняет свою ширину. Почему это? Код выглядит

<textarea id="edit-submitted-question-request" name="submitted[question_request]" cols="10" rows="5" class="form-textarea required"></textarea> 

и его можно найти здесь: http://quaaoutlodge.com/content/dinner-theatre-rock-romance

редактировать

Я закомментирована width: 100%; в .form-textarea-wrapper textarea в моем CSS и теперь textarea оказывает право размер, но «панель изменения размера», чтобы расширить область текста, все еще на 100%, почему это?

Answer 1

Найдено класса в вашем CSS, что делает проблемы для вашего размера TEXTAREA:

.form-textarea-wrapper textarea { 
    display: block; 
    margin: 0; 
    width: 100%; // <----- Thats the problem 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
} 

ширина от этого класса, затрагивающий на прокручиваемых. проверьте свой файл css /system.base.css?nipcyw

Answer 2

Вы используете один div для текстового поля, в котором вы установили ширину как 100%. Удалите эту часть ширины, после чего начнет работать ваш параметр cols =.

.form-textarea-wrapper textarea { 
display: block; 
margin: 0; 
/* -------- width: 100%; ------- */ 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box; 
}