textarea - 禁用x或y上的调整大小?

Sat*_*Eye 91 css textarea resize

我知道可以使用以下方法禁用a的大小调整textarea:

textarea {
    resize: none;
}
Run Code Online (Sandbox Code Playgroud)

但是有可能禁用x或y吗?而不是两者

San*_*lse 25

当然可以使用css和jquery

CSS:

resize: vertical;
resize: horizontal;
Run Code Online (Sandbox Code Playgroud)

jQuery的

$('textarea').css("resize", "vertical");
$('textarea').css("resize", "horizontal");
Run Code Online (Sandbox Code Playgroud)

Bootstrap 只是把这个类放在Textarea中

对于垂直调整大小: vresize

对于水平调整大小: hresize

  • CSS和jQuery解决方案都做同样的事情,因此您可以选择哪种最适合您的情况。我提到这是为了防止有人解释您必须同时使用两者。 (2认同)

Jor*_*ade 10

您必须使用属性的水平垂直值。

resize: vertical;
Run Code Online (Sandbox Code Playgroud)

或者

resize: horizontal;
Run Code Online (Sandbox Code Playgroud)

来源: https: //www.w3schools.com/cssref/css3_pr_resize.asp