找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 查看内容

css textarea 不可拖动如何实现

作者:模板之家 2020-12-14 10:44 130人关注

css textarea不可拖动的实现方法:首先创建一个HTML示例文件;然后通过给textarea元素设置“resize:none;”样式来让textarea不可拖动即可。

css textarea不可拖动的实现方法:首先创建一个HTML示例文件;然后通过给textarea元素设置“resize:none;”样式来让textarea不可拖动即可。

本教程操作环境:windows7系统、css3版,该方法适用于所有品牌电脑。

推荐:《css视频教程》

在CSS中,可以通过给textarea元素设置resize:none;样式来让textarea不可拖动,无法调整元素的尺寸。

示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<textarea>普通textarea文本框</textarea><br /><br />
<textarea style="resize:none;">禁止拖动的textarea文本框</textarea>
</body>
</html>

效果图:

3fd2ffc8b383bce37805b8582bc5b18.png

resize 属性介绍

resize 属性规定是否可由用户调整元素的尺寸。

语法

resize: none|both|horizontal|vertical;

属性值:

none:用户无法调整元素的尺寸。

both:用户可调整元素的高度和宽度。

horizontal:用户可调整元素的宽度。

vertical:用户可调整元素的高度。

注释:如果希望此属性生效,需要设置元素的 overflow 属性,值可以是 auto、hidden 或 scroll。

以上就是css textarea 不可拖动如何实现的详细内容,更多请关注模板之家(www.mb5.com.cn)其它相关文章!


路过

雷人

握手

鲜花

鸡蛋
来自: 网络收集

全部回复(0)