【问题标题】: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:边框框; 
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-10-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多