尽管未指定最小宽度和高度,但我无法使用鼠标减小文本区域的大小。在Firefox中一切正常。在这里提出了这个问题:无法在Chrome中减小可调整大小的文本区域的大小,但是我找不到合适的答案,也许有人可以帮助我。
这是我的标记:
<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;
}
Google Chrome浏览器具有某种限制,无法正确向用户显示内容。因为他们编辑的默认操作调整上<textarea>
。在较旧版本的chrome中没有限制。
因此,如果您使用height
min-height
将是您的身高。所以,你需要设置min-height
和max-height
唯一。Height
会覆盖Chrome中的最小高度。
这是一个简单的小提琴:http : //jsfiddle.net/gAr72/1/
编辑:
您可以看到Firefox在此小提琴中将与Chrome相同。高度对于设计来说是有风险的。无限大小调整总是会破坏设计。因此限制高度和宽度是个不错的选择。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句