无法减小Chrome和Opera中textarea的大小

尽管我没有指定最小宽度和高度，但我无法使用鼠标缩小textarea的大小。在Firefox中一切正常。这个问题在这里问：Can't reduce size of resizable textarea in Chrome，但我找不到合适的答案，也许有人可以帮助我。无法减小Chrome和Opera中textarea的大小

这是我的标记：

<textarea id="textarea" name="textarea"></textarea>

和CSS：

textarea{ 
    width: 90%; 
    height: 400px; 
    border: 2px dashed black; 
    border-radius: 12px; 
    background-color: transparent; 
    font-family: Purisa; 
    font-size: 23px; 
    padding: 5px; 
    margin: 20px auto auto auto; 
    outline: none; 
    border-color: black; 
}

来源

2013-09-25 Alen

当你的问题已被问及时，你不应该发表重复，但尝试改善现有问题的答案。我们不希望有相同问题的副本，以及不同的答案。 –

[无法减小Chrome中可调整大小的textarea的大小]（http://stackoverflow.com/questions/10356797/cant-reduce-size-of-resizable-textarea-in-chrome） –

谷歌浏览器具有某种限制的正确显示的用户。因此，他们编辑了的默认操作，调整大小为,<textarea>。在旧版本的Chrome中没有限制。

所以，如果你使用heightmin-height将是你的身高。所以你只需要设置min-height和max-height。在Chrome中，Height覆盖最小高度。

下面是一个简单的提琴：http://jsfiddle.net/gAr72/1/

编辑：

你可以看到火狐将在这拨弄工作一样铬。高度是设计顺便风险。无限大小总是会打破设计。所以限制高度和宽度是很好的选择。

来源

2013-09-25 09:32:24 mithataydogmus

很好用..与Chrome。凉 – Irfan

无法减小Chrome和Opera中textarea的大小

回答

相关问题