霍者博客

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

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

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

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

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

textarea标签中,默认的方式为:both

也就是说:在textarea的右下角有一个小三角,用户可以拖动,以改变textarea的大小。

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


原创文章请注明转载自霍者博客本文地址:http://www.huozheweb.com/post/511.html,标题:如何避免textarea在网页中被任意拖动?

【我来说两句】
分享到:

相关文章:



评论 0

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。