当我更改“ cols”参数时，textare a不会调整大小

Question

我有一个要缩小宽度的textarea：但是无论我将cols =参数设置为什么，textarea都会保持其宽度。 为什么是这样？ 代码看起来像

<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

编辑A

我评论了width: 100%; 在我的CSS的.form-textarea-wrapper textarea中，现在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

您正在将宽度设置为100％的文本区域使用一个div，请删除该宽度部分，然后cols = parameter将开始工作。

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