blocks|key|429727|text|您可以将其放入CSS文件中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|429728|textarea+{
++resize:+none;
}+|code-block|syntax|javascript|429729|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can put this in the CSS file:

<pre><code>textarea {
 resize: none;
} 
</code></pre>

blocks|key|644339|text|使用一些像这样的css|type|unstyled|depth|inlineStyleRanges|entityRanges|data|644340|textarea
{
+++resize:+none;
}|code-block|syntax|javascript|644341|或者如果你只想要垂直的|644342|textarea+{+resize:vertical;+}|644343|或水平|644344|textarea+{+resize:horizontal;+}+|644345|或者两者兼而有之(不是你的情况)|644346|textarea+{+resize:both;+}+|644347|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

With some css like this

<pre><code>textarea
{
 resize: none;
}
</code></pre>

Or if you want only vertical

<pre><code>textarea { resize:vertical; }
</code></pre>

Or horizontal

<pre><code>textarea { resize:horizontal; } 
</code></pre>

or both ( not your case)

<pre><code>textarea { resize:both; } 
</code></pre>

blocks|key|644393|text|您可以使用css|type|unstyled|depth|inlineStyleRanges|entityRanges|data|644394|全部禁用|644395|textarea+{+resize:+none;+}|code-block|syntax|javascript|644396|仅垂直调整大小|644397|textarea+{+resize:+vertical;+}|644398|仅水平调整大小|644399|textarea+{+resize:+horizontal;+}+|644400|禁用垂直和水平限制|644401|textarea+{+resize:+horizontal;+max-width:+400px;+min-width:+200px;+}|644402|禁用有限制的水平和垂直|644403|textarea+{+resize:+vertical;+max-height:+300px;+min-height:+200px;+}|644404|我认为min-height应该对你有用|offset|length|style|CODE|644405|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|3|A|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|18|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|19|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|1A|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|1B|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|1C|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|1D|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|1E|8|@]|9|@]|A|$G|H]]|$1|U|3|V|5|6|7|1F|8|@]|9|@]|A|$]]|$1|W|3|X|5|F|7|1G|8|@]|9|@]|A|$G|H]]|$1|Y|3|Z|5|6|7|1H|8|@$10|1I|11|1J|12|13]]|9|@]|A|$]]|$1|14|3|-4|5|6|7|1K|8|@]|9|@]|A|$]]]|15|$]]

You can use css 

disable all

<pre><code>textarea { resize: none; }
</code></pre>

only vertical resize 

<pre><code>textarea { resize: vertical; }
</code></pre>

only horizontal resize 

<pre><code>textarea { resize: horizontal; } 
</code></pre>

disable vertical and horizontal with limit

<pre><code>textarea { resize: horizontal; max-width: 400px; min-width: 200px; }
</code></pre>

disable horizontal and vertical with limit

<pre><code>textarea { resize: vertical; max-height: 300px; min-height: 200px; }
</code></pre>

I think <code>min-height</code> should be useful for you

blocks|key|429868|text|使用limit禁用horizontal和vertical|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|429869|textarea+{+
++++width:100%25;
++++resize:vertical;+
++++max-height:250px;+
++++min-height:100px;+
}|code-block|syntax|javascript|429870|entityMap^0|9|A|K|8|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

disable <code>horizontal</code> and <code>vertical</code> with limit

<pre><code>textarea { 
 width:100%;
 resize:vertical; 
 max-height:250px; 
 min-height:100px; 
}
</code></pre>

blocks|key|429948|text|对于textarea，我使用了width:+500px+!important和height:+350px+!important，所以这个CSS代码可以防止用户调整大小，但是如果你有其他的标签，你必须使用resize:+none，完整的解释请阅读This+Link。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|429949|例如，对于p标签，必须将overflow属性设置为不是visible的值，然后设置resize、none、both、vertical和horizontal。|429950|entityMap|0|LINK|mutability|MUTABLE|url|https://css-tricks.com/almanac/properties/r/resize/^0|2|8|F|N|13|O|1W|3|2T|C|3E|9|0|0|5|1|C|8|R|7|15|6|1C|4|1H|4|1M|8|1V|A|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]|$9|U|A|V|B|C]|$9|W|A|X|B|C]|$9|Y|A|Z|B|C]]|D|@$9|10|A|11|1|12]]|E|$]]|$1|F|3|G|5|6|7|13|8|@$9|14|A|15|B|C]|$9|16|A|17|B|C]|$9|18|A|19|B|C]|$9|1A|A|1B|B|C]|$9|1C|A|1D|B|C]|$9|1E|A|1F|B|C]|$9|1G|A|1H|B|C]|$9|1I|A|1J|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|1K|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

For <code>textarea</code> I used <code>width: 500px !important</code> and <code>height: 350px !important</code>, so this <code>CSS</code> codes prevent user resize, but if you have other tags you must use <code>resize: none</code>, for complete explanations read <a href="https://css-tricks.com/almanac/properties/r/resize/" rel="nofollow noreferrer">This Link</a>.

For example, for a <code>p</code> tag you must set <code>overflow</code> property with a value that is not <code>visible</code> and then set <code>resize</code>, <code>none</code>, <code>both</code>, <code>vertical</code>, <code>horizontal</code>.

blocks|key|644553|text|全部禁用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|644554|textarea+{+resize:+none;+}|code-block|syntax|javascript|644555|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

disable all
<pre><code>textarea { resize: none; }
</code></pre>

I need to disable textarea horizontal resize. Sometimes I want to allow vertical resize on the textarea. 

Whenever I create a contact us page the textarea is making my design ugly.

could any one give me a solution to disable it please?

How to disable textarea resizing?

我需要禁用textarea水平调整大小。有时我想允许垂直调整文本区域的大小。每当我创建一个“联系我们”页面时，文本区就会让我的设计变得丑陋。有人能给我一个禁用它的解决方案吗？

问如何禁用文本区域大小调整？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何禁用文本区域大小调整？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何禁用文本区域大小调整？
EN