【前端经验】多行文本框如何设置为不可拖动?

在做前端页面切图的时候难免会应用到HTML的多行文本框标签吧!有没有发现在谷歌、火狐等浏览器下多行文本框右下角是可拖拽的?

在做前端页面切图的时候难免会应用到HTML的多行文本框标签吧!

有没有发现在谷歌、火狐等浏览器下多行文本框右下角是可拖拽的?

上图右下角有个小图标,鼠标可以放上去拖拽多行文本框的大小;

这个功能看似很强大,但另一方面也破坏了我们预先设定的界面效果,现在要怎么把它禁用掉不允许网站的用户去拖拽呢?

经过研究和互联网上的高手们分享,这里再次分享下;

在CSS手册中有个resize属性:设置或检索对象的区域是否允许用户缩放,调节元素尺寸大小。

示例代码:

textarea{resize:none;}

OK。下面再来看看页面的样式,是否还允许被拖拽;

Perfect!问题搞定。。。你学会了么?

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

设置或获取对象指定的文件名或路径。alert(window.location.pathname
DEDE项目上 编辑软件大小(单位换算):$(doc
script language="javascript"&g
JQ代码如下:script langu