禁止textarea可以拉伸的特性

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

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



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

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




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

上一篇: spring mvc controller间跳转 重定向 传参数的几种方式
下一篇: 响应式全屏图片滚动式html5模板下载
 评论 ( What Do You Think )
名称
邮箱
网址
评论
验证
   
 

 


  • 微信公众号

  • 我的微信

站点声明:

1、一号门博客CMS,由Python, MySQL, Nginx, Wsgi 强力驱动

2、部分文章或者资源来源于互联网, 有时候很难判断是否侵权, 若有侵权, 请联系邮箱:summer@yihaomen.com, 同时欢迎大家注册用户,主动发布无版权争议的 文章/资源.

3、鄂ICP备14001754号-3, 鄂公网安备 42280202422812号