多语言展示
当前在线:871今日阅读:23今日分享:25

如何使用CSS3中的属性设置文本域是否可以拖曳

在使用CSS3中的属性,可以设置文本域是否可以拖曳。一般情况下,文本域默认是可以拖曳的,如果再添加一个属性,可以限制文本域拖曳。下面利用实例说明,操作如下:
工具/原料
1

HTML5

2

CSS3

3

HBuilderX

4

浏览器

5

截图工具

方法/步骤
1

第一步,双击打开HBuilderX工具,新建一个默认的HTML5模板,修改title内容,如下图所示:

2

第二步,在插入一个div标签,并在这个div标签插入一个textarea文本域,如下图所示:

3

第三步,保存代码并直接打开浏览器预览页面效果,可以发现文本域可以拖曳,如下图所示:

4

第四步,使用ID选择器设置文本域,添加一个属性resize,设置为auto,如下图所示:

5

第五步,再次保存代码并打开浏览器预览页面效果,可以发现还是可以拖曳,如下图所示:

6

第六步,再次将resize属性改为none,然后再次预览页面效果,发现不能拖曳,如下图所示:

注意事项
1

注意使用CSS3中的属性resize设置textarea是否可以拖曳

2

注意resize属性对应的几个值的用法

推荐信息