如何禁用textarea调整大小？

5 回答

• 11

  你可以使用CSS

  禁用所有

  textarea { resize: none; }
  

  只有垂直调整大小

  textarea { resize: vertical; }
  

  只有水平调整大小

  textarea { resize: horizontal; }
  

  禁用垂直和水平限制

  textarea { resize: horizontal; max-width: 400px; min-width: 200px; }
  

  禁用水平和垂直限制

  textarea { resize: vertical; max-height: 300px; min-height: 200px; }
  

  我认为 min-height 应该对你有用

  回复于 2024-05-14T03:03:59+08:00
• 255

  有一些像这样的CSS

  textarea
  {
     resize: none;
  }
  

  或者如果你只想垂直

  textarea { resize:vertical; }
  

  或横向

  textarea { resize:horizontal; }
  

  或两者（不是你的情况）

  textarea { resize:both; }
  

  回复于 2024-05-14T03:03:59+08:00
• 5

  你可以把它放在CSS文件中：

  textarea {
    resize: none;
  }
  

  回复于 2024-05-14T03:03:59+08:00
• 0

  禁用 horizontal 和 vertical 限制

  textarea { 
      width:100%;
      resize:vertical; 
      max-height:250px; 
      min-height:100px; 
  }
  

  回复于 2024-05-14T03:03:59+08:00
• 36

  对于 textarea 我使用 width: 500px !important 和 height: 350px !important ，所以这个 CSS 代码阻止用户调整大小，但是如果你有其他标签你必须使用 resize: none ，为了完整解释，请阅读This Link .

  例如，对于 p 标记，必须将 overflow 属性设置为不是 visible 的值，然后设置 resize ， none ， both ， vertical ， horizontal .

  回复于 2024-05-14T03:03:59+08:00