css怎么调整输入框的大小,CSS样式控制文本输入框大小

CSS样式控制文本输入框大小

(2013-09-04 10:56:15)

标签：

文本输入框

大小

拖动

禁止拖动

textarea

it

HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性，就可以规定 textarea

的尺寸，大小就不会改变，不过更好的办法是使用 CSS 的 height 和 width

属性,但是Chrome,Safari和FireFox渲染的效果不同，可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局，使页面变得不美观。可以通过添加如下两个样式禁用拖动，固定大小：

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.218 Safari/535.1

转载：http://blog.sina.com.cn/s/blog_7a3173230100u1o8.html

分享：

喜欢

0

赠金笔

加载中，请稍候......

评论加载中，请稍候...

发评论

登录名： 密码： 找回密码 注册记住登录状态

昵   称：

评论并转载此博文

发评论

以上网友发言只代表其个人观点，不代表新浪网的观点或立场。