100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > css怎么调整输入框的大小 CSS样式控制文本输入框大小

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

时间:2022-05-21 07:06:37

相关推荐

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

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

(-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

转载:/s/blog_7a3173230100u1o8.html

分享:

喜欢

0

赠金笔

加载中,请稍候......

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

发评论

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

昵称:

评论并转载此博文

发评论

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。