如何在IE中向textarea添加缩放器?

时间:2012-08-04 11:12:27

标签: jquery internet-explorer resize textarea resizable

如何在IE中将缩放器添加到textarea,与Chrome和Firefox相同?

jQuery.resizable()对我不起作用。

2 个答案:

答案 0 :(得分:13)

Internet Explorer(以及Microsoft Edge,截至2016年5月5日)不支持textarea元素上的本机抓取器/调整大小。虽然最终将支持这些 (在Microsoft Edge中),但您现在拥有的最佳选择是填充功能。

在线存在许多选项,但是如果您使用的是jQuery和jQuery UI,则可以使用Resizable小部件:

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

默认情况下,这会将处理程序放在textarea下面。我不喜欢这个:

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

您可以在此处查看最终结果:http://jsbin.com/rumokazepo/edit?html,css,js,output

答案 1 :(得分:-7)

不能通过定义widthheight来解决这个问题:

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

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