当我更改“列”参数时，textarea 不会调整大小答案

【问题标题】：textare a doesn't resize when I change "cols" parameter当我更改“列”参数时，textarea 不会调整大小
【发布时间】：2015-01-24 23:33:29
【问题描述】：

我有一个想要缩小宽度的 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

我在我的 css 中将 .form-textarea-wrapper textarea 中的 width: 100%; 注释掉了，现在 textarea 呈现正确的大小，但用于扩展文本区域的“调整大小栏”仍然是 100%，这是为什么呢？

【问题讨论】：

标签： html forms width textarea

【解决方案1】：

在您的 css 中发现了一个对您的文本区域大小造成问题的类：

.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

【讨论】：

谢谢，请参阅上面的EDIT A
@cerr 寻找 .resizable-textarea .grippie 类并添加一行 width:447px 如果我是正确的（玩一下宽度 abit ）。它只是在默认的 css 和 html div 类中自动占据整个 100% 的宽度。

【解决方案2】：

您将一个 div 用于已将宽度设置为 100% 的文本区域，请删除该宽度部分，然后您的 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;
}

【讨论】：

谢谢，请参阅上面的EDIT A

@cerr 请在您的网页中进行必要的更改：

 .resizable-textarea .grippie { 背景：#eee url(../../misc/grippie.png) 否-重复中心2px；边框：1px 实心#ddd；边框顶部宽度：0；光标：s-调整大小；高度：9px；宽度：447px；  溢出：隐藏；

还有

 .form-textarea-wrapper textarea { display: block;边距：0；宽度：自动；  -moz-box-sizing:border-box; -webkit-box-sizing：边框框； box-sizing：边框框；