如何禁用谷歌浏览器文本区域大小调整

Posted

技术标签:

【中文标题】如何禁用谷歌浏览器文本区域大小调整【英文标题】:How to disable Google Chrome text area size adjustment 【发布时间】:2011-05-26 19:59:58 【问题描述】:

有没有一种方法你可以想到可以避免谷歌浏览器内置的文本被调整。

看看它看起来有多丑:

:)

我知道它存在的原因,并且我发现它是一个非常有用的功能,但在某些面向设计的页面中,您可能想要删除它。

【问题讨论】:

【参考方案1】:

它也在 Safari 中。

你可以禁用它with CSS:

textarea 
    resize: none;

【讨论】:

该死的我太懒了。一个 RTFM 问题。谢谢小绿! 好吧,懒得插入截图。顺便说一句,谁是懒惰的,我是唯一回答 RTFM 问题的人:)【参考方案2】:
textarea 
    resize: none;
 

来源:http://www.google.com/support/forum/p/Chrome/thread?tid=5f9cd62207e2c7a8&hl=en

【讨论】:

【参考方案3】:

我们可以使用mix-width,max-width保存值,申请height值。它的右下角仍然有 rezie 光标。

【讨论】:

以上是关于如何禁用谷歌浏览器文本区域大小调整的主要内容,如果未能解决你的问题,请参考以下文章

在 Dijit 简单文本区域上禁用调整大小?

阻止文本区域在 Safari 中调整大小

div 可像文本区域一样调整大小

在谷歌浏览器中使黄色自动完成透明[重复]

如何禁用文本区域或 mat-form-field

如何在移动设备上调整灵活文本区域的大小?