如何增加大小调整到textarea的在IE浏览器?(How to add resizer to te

2019-09-20 19:13发布

如何在IE中添加同向的大小调整textarea的在Chrome和Firefox?

jQuery.resizable()不会为我工作。

Answer 1:

的Internet Explorer(和微软的边缘,2016 5月5日)不支持本地夹具/伸缩的textarea元素。 虽然这些最终可能在未来(在Microsoft边缘)的支持,你现在最好的选择就是到填充工具的功能。

许多选项存在网上说这样做,但如果你使用jQuery和jQuery UI,你可以使用可调整大小的小部件:

$("textarea").resizable({
    handles: "se" // place handle only in 'south-east' of textarea
});

默认情况下,这个地方的文本区域下方的处理程序。 我不喜欢这样的:

.ui-resizable-handle {
    transform: translateY(-100%);
}

:你可以在这里看到最终结果http://jsbin.com/rumokazepo/edit?html,css,js,output



Answer 2:

不能这样可以在CSS定义的解决widthheight ,像这样:

.resize {
     width: 100px;
     height: 100px;
 }

 <textarea class="resize"></textarea>


文章来源: How to add resizer to textarea in IE?