关闭textarea调整大小

Question

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

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

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

Answer 1

尝试使用此CSS停用调整大小

禁用所有textareas调整大小的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

CSS3 can solve this problem. Unfortunately it's only supported on 60% of used browsers nowadays. For IE and iOS you can't turn off resizing but you can limit the textarea dimension by setting its width and height. /* One can also turn on/off specific axis. Defaults to both on. */ textarea { resize:vertical; } /* none|horizontal|vertical|both */ See Demo

Answer 4

只需使用html draggable属性

就可以轻松完成

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

默认值为true。

Answer 5

只需一个额外选项，如果要恢复应用程序中所有textareas的默认行为，可以将以下内容添加到CSS中：

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

并执行以下操作以启用您要调整大小的位置：

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

请注意，此解决方案可能不适用于您可能希望支持的所有浏览器。您可以在此处查看resize的支持列表：http://caniuse.com/#feat=css-resize

Answer 6

根据问题，我已在 javascript

中列出了答案

选择TagName

document.getElementsByTagName('textarea')[0].style.resize = "none";

选择ID

document.getElementById('textArea').style.resize = "none";

Answer 7

//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>

两者都可以使用最大数量的浏览器

Answer 8

这对我有用

<textarea
  type='text'
  style="resize: none"
>
Some text
</textarea>