【问题标题】:How to disable the resize grabber of <textarea>? [duplicate]如何禁用 <textarea> 的调整大小抓取器? [复制]
【发布时间】:2011-07-13 09:48:16
【问题描述】:

如何在&lt;textarea&gt; 中禁用抓取器?

我的意思是出现在&lt;textarea&gt;右下角的那个三角形。

【问题讨论】:

    标签: html css forms


    【解决方案1】:
    <textarea style="resize:none" name="name" cols="num" rows="num"></textarea>
    

    只是一个例子

    【讨论】:

      【解决方案2】:

      只需使用resize: none

      textarea {
         resize: none;
      }
      

      您也可以决定只水平或垂直调整文本区域的大小,这样:

      textarea { resize: vertical; }

      textarea { resize: horizontal; }

      最后, resize: both 启用调整大小抓取器。

      【讨论】:

      • IE 不允许调整文本区域的大小,因此这将按预期完成。
      • @anothershrubery iOS Safari 也是如此,我想象其他移动浏览器。
      • 对于 textarea 标签 - 在 CSS 中确保不要指定宽度并且同时在 textarea 标签中指定 cols,因为您可能遇到“用户代理样式表”问题。
      【解决方案3】:

      禁用调整大小选项的文本区域示例

      <textarea CLASS="foo"></textarea>
      
      <style>
      textarea.foo
      {
      resize:none;
      }
      
      </style>
      

      【讨论】:

        猜你喜欢
        • 2014-08-03
        • 2011-11-04
        • 2016-04-14
        • 2012-10-19
        • 2011-07-21
        • 2014-10-23
        • 2019-10-20
        • 1970-01-01
        相关资源
        最近更新 更多