博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
textarea禁止拖动 滚动条隐藏
阅读量:7098 次
发布时间:2019-06-28

本文共 1116 字,大约阅读时间需要 3 分钟。

HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea 的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width 属性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美 观。可以通过添加如下两个样式:1.禁用拖动2固定大小.

1:彻底禁用拖动(推荐)

resize: none;

2:只是固定大小,右下角的拖动图标仍在

width: 200px;
height: 100px;
max-width: 200px;
max-height: 100px;

3:浏览器信息:

Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/13.0.782.220 Safari/535.1

---------------------------------------------textarea在IE、Firefox下统一效果的解决方案 ----------------------------------------------

如果用textarea的属性字数宽度(cols)和行数(rows)来控制textarea的大小你会发现在,在IE和FF下的每行字数和文字的行数都不相同,而且在字数不足滚动的情况下,IE是默认有滚动条的,而FF是没有滚动条的。

那如何控制textarea在IE中和FF中相同的效果呢,其实比较简单:
1、用textarea的宽度(widht)和高度(height)来定义textarea的大小;
2、让滚动条自适应:overflow-y:auto。

 

原文

在 IE下,输入到textarea的字符长度如果超过textarea的显示宽度,会出现自动换行,如果不是以明确px限定textarea的宽度(比如使 用百分比),重新显示这个textarea时会发现textarea自动变宽,以在一行内容纳所有已输入的字符。这在某写情况下会打乱页面的布局,比如这 个textarea是放在一个DIV的dialogue中。

而在FF下,则不会出现自动换行的情况,FF自动为超出textarea宽度的字符增加水品滚动条以便拖动显示。即使重新显示textarea,也不会有自动变宽的变化。所以FF对于textarea的支持是不变的,从而是稳定的。

转载于:https://www.cnblogs.com/xiaokaike/p/3166540.html

你可能感兴趣的文章
Android 如何从系统图库中选择图片
查看>>
Tomcat容器,Servlet容器,Spring容器的包含关系
查看>>
java----数据结构与算法----JavaAPI:java.util.LinkedList、ArrayList、Vector/Stack
查看>>
九章算法系列(#4 Dynamic Programming)-课堂笔记
查看>>
3月18日 全部练习题(二)
查看>>
Java synchronized详解
查看>>
Frameset使用教程
查看>>
局域网与internet
查看>>
request
查看>>
Beyond Compare乱码问题汇总
查看>>
线程和线程池
查看>>
Camstar开发常用数据库表及其关联
查看>>
html中的一些按钮之类的操作
查看>>
走进 AQS 瞧一瞧看一看
查看>>
NO18 linux开机自启动设置--开机流程--中文乱码--查看行数
查看>>
Java的四种内部类
查看>>
10-16C#for...循环语句(2)
查看>>
CentOS查看软件源提供的软件版本命令
查看>>
caffe 学习记录1及网络结构
查看>>
html5学习笔记——html新增属性(四)
查看>>