防止 textarea 改变大小答案

【问题标题】：Keep textarea from changing size防止 textarea 改变大小
【发布时间】：2016-05-09 04:53:51
【问题描述】：

我正在使用 jQuery 来更改 textarea 中文本的字体大小和行高，但是当这些值发生更改时，textarea 会变得非常高（如果将行高更改为更大）或非常小（缩小整个事情，如果缩小字体大小。）

我希望在不摆脱文本区域中内置的可拖动调整大小功能的情况下解决此问题，但如果这不可能，那也没关系。对我来说更重要的是解决了这些其他问题。

这是我的 javascript (jQuery) 代码：

  $("#text").css("line-height", lineSpace);

  $("#text").css("letter-spacing", letterSpace+"px");

  $("#text").css("font-size", textSize+"px");

任何帮助将不胜感激。

【问题讨论】：

你试过 CSS 吗？ textarea { resize: none; }

标签： javascript jquery html css

【解决方案1】：

<b><textarea style="resize:none"  name="name" cols="num" rows="num"></textarea></b>

【讨论】：

【解决方案2】：

$(document).ready(function() {
  var lineSpace = 2;
  var letterSpace = 5;
  var textSize = 20;
  $(".fixedTextarea").css("line-height", lineSpace);
  $(".fixedTextarea").css("letter-spacing", letterSpace+"px");
  $(".fixedTextarea").css("font-size", textSize+"px");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea style="overflow:auto;resize:none;width:200px;height:200px;" class="fixedTextarea" col="10" rows="5">
 I'm using jQuery to alter the font size and line height of text in a textarea, but when these values are changed
</textarea>

修复了 TextArea 的宽度和高度。

【讨论】：