closurestextarearesize

我试图closures在我的网站textarearesize; 现在我正在使用这种方法：

.textarea { clear:left; min-width: 267px; max-width: 267px; min-height:150px; max-height:150px; } 

我知道我的方法是不正确的，我正在寻找一个更好的JavaScript。 我是一个初学者，所以对我来说最好的解决scheme将是HTML5或jQuery。

Answer 1

试试这个CSS来禁用resize

禁用所有textareasresize的CSS如下所示：

 textarea { resize: none; } 

你可以改为将其分配给一个单一的textarea的名称（其中textarea的HTML）：

 textarea[name=foo] { resize: none; } 

或通过id（textarea HTML）：

 #foo { resize: none; } 

采取： http : //www.electrictoolbox.com/disable-textarea-resizing-safari-chrome/

Answer 2

这将做你的工作

  textarea{ resize:none; } 

Answer 3

只需使用html可拖动属性即可轻松完成

 <textarea name="mytextarea" draggable="false"></textarea> 

默认值为true。

Answer 4

CSS3可以解决这个问题。 不幸的是，现在只有60％的浏览器支持。

对于IE和iOS，您无法closuresresize，但是您可以通过设置其width和height来限制textarea尺寸。

 /* One can also turn on/off specific axis. Defaults to both on. */ textarea { resize:vertical; } /* none|horizontal|vertical|both */ 

看演示

Answer 5

正如一个额外的选项，如果你想恢复应用程序中所有textareas的默认行为，你可以添加以下到您的CSS：

 textarea:not([resize="true"]) { resize: none !important; } 

然后执行以下操作以启用要resize的位置：

 <textarea resize="true"></textarea> 

请记住，此解决scheme可能无法在您可能需要支持的所有浏览器中使用。 您可以在这里查看支持resize的列表： http : //caniuse.com/#feat=css-resize

Answer 6

 //CSS: .textarea { resize: none; min-width: //-> Integer number of pixels min-height: //-> Integer number of pixels max-width: //-> min-width max-height: //-> min-height } 

以上代码适用于大多数浏览器

 //HTML: <textarea id='textarea' draggable='false'></textarea> 

同时做这两个工作的最大数量的浏览器