森森网络

如何避免textarea在网页中被任意拖动?

 

来源:森森网络 管理员     阅读:2299      2016-7-26 19:46

 

 


做前端开发的朋友,肯定会知道PC端的多行文本框在360或火狐等浏览器中显示时,其右下角会有一个小三角,如下图所示:


用鼠标移到小三角上方,点住同时可向下和向右两个方向拖动,结果就使得网页布局出现错位的情况,如下图所示。


如此变形,实在是不忍直视啊!


如何让多行文本框固定尺寸并且不能任意拖动呢?

这时我们需要给textarea标签进行CSS样式设置。

textarea标签中,默认的方式为:both;就是说:在textarea的右下角有一个三角,用户可以拖动,以改变textarea的大小。

一般情况下我们将textarea的样式设置为:textarea { resize:none; } /*防止拖动*/,就可以避免上述情况发生。如下图所示:





每天积累一点小知识,解决一些小问题,就像登楼梯一样,我们每时每刻都在一步一步地提升。欢迎搜索微信公众号“森森网络”关注我们!

 

|   关于我们   |   联系我们   |   网站地图   |
CopyRight © 2013-2016 安庆市森森网络科技有限公司版权所有    皖ICP备15018643号-1