关闭textarea调整大小 [英] Turn off textarea resizing

问题描述

我试图关闭在我的网站中调整大小的textarea;现在我使用这个方法：

  .textarea {
 clear：left; 
 min-width：267px; 
 max-width：267px; 
 min-height：150px; 
最大高度：150px; 
} 
  

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

禁用调整大小

禁用调整大小的所有textareas的CSS如下所示：

  textarea {
 resize：none; 
 
 $ / code> 

您可以将其分配给单个文本区域（textarea HTML是）：

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

或通过id（textarea HTML）：

  #foo {
 resize：none; 
} 
  

摘自：
I'm trying to turn off textarea resizing in my site; right now I'm using this method:

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

I know that my method is not correct and I'm searching for a better one in JavaScript. I'm a beginner, so the best solution for me will be HTML5 or jQuery.

解决方案

Try this CSS to disable resizing

The CSS to disable resizing for all textareas looks like this:

textarea {
    resize: none;
}

You could instead just assign it to a single textarea by name (where the textarea HTML is ):

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

Or by id (where the textarea HTML is ):

#foo {
    resize: none;
}

Taken from: http://www.electrictoolbox.com/disable-textarea-resizing-safari-chrome/

这篇关于关闭textarea调整大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！