textarea调整大小在IE中不起作用,我想在IE中调整大小,并且在chrome中工作

时间:2018-09-10 06:54:37

标签: javascript html css angular typescript

我正在开发一个angular 4项目,因为我必须在IE中创建仅垂直的可调整大小的textarea,它在chrome和其他浏览器中工作。

我找到了一些用于在IE中调整大小的Jquery插件,但它不仅支持垂直,而且在同一页面中有多个textarea。

This is a working example

CSS

.resizable {
   resize: vertical;
  min-height:150px;
}

HTML:

  <textarea class="resizable">
This paragraph is resizable in all directions, because
the CSS `resize` property is set to `both` on this element.
</textarea>

1 个答案:

答案 0 :(得分:0)

您不能在IE中使用调整大小

https://caniuse.com/#feat=css-resize

您可以对文本区域使用jQueryUI Resizable。

在项目中包含jQuery UI库

然后在您的jquery代码中调用下面的行

$(“#textareaId”)。resizable({});