保持textarea不改变大小

时间:2016-05-09 04:53:51

标签: javascript jquery html css

我使用jQuery来改变文本区域中文本的字体大小和行高,但是当这些值发生变化时,textarea会变得非常高(如果将行高更改为更大)或者非常小(缩小整个内容,如果缩小字体大小。)

我希望能够解决这个问题而不必摆脱textarea中内置的可拖动调整大小功能,但如果那不可能那么那就没问题了。对我来说,更重要的是这些其他问题是固定的。

这是我的javascript(jQuery)代码:

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

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

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

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

&#13;
&#13;
$(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");
});
&#13;
<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>
&#13;
&#13;
&#13;

修正了TextArea的宽度和宽度。高度。