首页 > 解决方案 > textarea resize 在 IE 中不起作用,我想在 IE 中 resize-y 并且它在 chrome 中起作用

问题描述

我正在开发一个 Angular 4 项目,因为我必须在 IE 中创建仅垂直的可调整大小的文本区域,它在 chrome 和另一个浏览器中工作。

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

这是一个工作示例

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>

标签: javascripthtmlcssangulartypescript

解决方案


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

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

您可以将 jQueryUI Resizable 用于 textareas。

在项目中包含 jQuery UI 库

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

$("#textareaId").resizable({ });


推荐阅读