禁止textarea可以拉伸的特性

今天被测试提了一个UI的bug, 心里非常不爽。也不能怪测试变态,原因在于textarea 可以在firefox,chrome, 甚至高一点版本的IE 里面都可以拖动右下角来使得这个文本编辑框变大变宽,但同时可能使页面变得很难看。



测试人员就喜欢乱拖,结果界面变得不好看了,说白了,用户体验不好了, 本来很好看的页面一拖就难看了,一般情况下肯定不会去拖动,但测试就是测试。所以当做bug处理了。

其实要解决也很容易,就是在textarea 里面加入样式: resize:none; 比如:
程序代码 程序代码

<textarea id="reportContent" style="height: 75px;width:99%;resize:none;"></textarea>


这样无论在IE ,firefox, 还是 chrome 下都不可以拉伸了。

除非申明,文章均为一号门原创,转载请注明本文地址,谢谢!
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.