如何禁用文本区域大小调整?

我需要禁用文本区域水平调整大小。有时我想允许垂直调整文本区域的大小。

每当我创建一个联系我们页面的文本区域是使我的设计丑陋。

有谁能给我一个禁用它的解决方案吗?

当前回答

你可以把它放在CSS文件中:

textarea {
  resize: none;
}

其他回答

你可以使用css

禁用所有

textarea { resize: none; }

仅垂直调整大小

textarea { resize: vertical; }

仅横向调整大小

textarea { resize: horizontal; }

禁用垂直和水平的限制

textarea { resize: horizontal; max-width: 400px; min-width: 200px; }

禁用水平和垂直限制

textarea { resize: vertical; max-height: 300px; min-height: 200px; }

我想最小身高对你应该有用

对于textarea，我使用宽度:500px !重要和高度:350px !重要，所以这个CSS代码防止用户调整大小，但如果你有其他标签，你必须使用resize: none，完整的解释请阅读此链接。

例如，对于p标签，您必须设置溢出属性的值是不可见的，然后设置resize, none, both, vertical, horizontal。

禁用水平和垂直限制

textarea { 
    width:100%;
    resize:vertical; 
    max-height:250px; 
    min-height:100px; 
}

像这样的css

textarea
{
   resize: none;
}

或者如果你只想垂直

textarea { resize:vertical; }

或水平

textarea { resize:horizontal; }

或者两者都有(不是你的情况)

textarea { resize:both; }

你可以把它放在CSS文件中:

textarea {
  resize: none;
}

推荐文章