Не позволяйте текстовой области изменять размер

Я использую jQuery для изменения размера шрифта и высоты строки текста в текстовой области, но когда эти значения изменяются, текстовая область становится очень высокой (если изменить высоту строки на большую) или очень крошечной (сжимая все это, если уменьшить размер шрифта.)

Я надеюсь решить эту проблему, не избавляясь от встроенной в текстовое поле функции изменения размера перетаскиванием, но если это невозможно, то все в порядке. Для меня важнее, чтобы эти другие проблемы были исправлены.

Вот мой код javascript (jQuery):

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

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

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

Любая помощь будет принята с благодарностью.


javascript html jquery css
person Joie    schedule 09.05.2016    source источник
comment
Вы пробовали CSS? textarea { resize: none; }   -  person Sravan S    schedule 09.05.2016

Ответы (1)


arrow_upward
0
arrow_downward 

$(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 с шириной и высотой.

person nazmul19    schedule 09.05.2016