返回列表 发新帖

使用css禁止textarea调整大小功能的方法

413.5k 9
swmozowtfl 发表于 2015-7-10 20:45:20|湖北 | 查看全部 阅读模式
如果你使用谷歌浏览器或火狐浏览器,你会发现页面上的textarea元素的右下角有个小三角,用鼠标箭头拖拽它,你的textarea就能随着放大或缩小。这是现代浏览器为方便用户而添加的一个辅助功能(很遗憾,不包括ie,如果你使用ie,是看不到的。)。web程序员在设计网页时,一般给了textarea一个固定的长宽,通常是配合布局而设定。但挑剔的用户往往会认为太小或太大。有了这个可以调整大小的工具后,用户就可以自己选择合适的大小了。
' V% X3 q" g9 a8 C5 g5 V但是,有时候是应用的需要,web程序员需要禁止这个可以调整textarea大小的功能(ie完全没这个问题!),也就是去掉右下角的小三角,有什么办法呢?很简单,使用css的resize属性。
: ^& B3 `1 w$ r' c2 ycss代码
6 w; a/ j" L, f7 a. A3 r2 w5 U代码如下:! [  ^5 e1 A# z6 k: O& k; T
<style type=text/css>
- _- @- e0 \' I: }- M5 Mtextarea {5 b; G5 e( U3 ?( x+ _/ M
resize: none;  j/ z% ~9 u$ m4 l" m
}1 m6 `6 o4 b  ]1 q
</style>
: f6 @, m9 E/ H- M  B( g! Q将resize属性设置为none,textarea就变成了固定大小,小三角也消失了。$ U8 }& c. F7 o4 A8 Y5 c
$ D9 v- b) O; T7 D2 J& A/ |9 X
更多网页制作信息请查看: 网页制作

回复|共 9 个

wwzcdenleclv 发表于 2015-11-17 19:45:32|欧洲 | 查看全部
貌似我没看懂那~~~
wwdu926a 发表于 2015-11-17 19:45:53|美国 | 查看全部
楼主说的是什么?我是小白,好像还没看明白!
buingeEvineus 发表于 2015-11-17 19:46:42|Reserved | 查看全部
看到本ID的这位童鞋,我看你气度不凡,谈吐间隐隐有王者之气,日后必有一番作为! 内有“加关注”三字,你就顺手把它点了吧。相得准,我分文不收;相不准,你也好回来找我。
bqtklouu 发表于 2015-11-17 19:46:54|美国 | 查看全部
…没我说话的余地…飘走
seazvyt 发表于 2015-11-27 16:23:01|Reserved | 查看全部
呵呵~~~~你怎么老这样说~~~
tohme 发表于 2015-11-27 16:23:45|美国 | 查看全部
哈哈 瞧你说的~~~
seazvyt 发表于 2015-11-27 16:24:07|INNA | 查看全部
经过你的指点 我还是没找到在哪 ~~~
mwxny 发表于 2015-11-27 16:24:10|Reserved | 查看全部
这是怎么了啊??
GoodyFouppy 发表于 2015-11-27 16:24:16|美国 | 查看全部
这篇帖子构思新颖,题材独具匠心,段落清晰,情节诡异,跌宕起伏,主线分明,引人入胜,平淡中显示出不凡的文学功底,可谓是字字珠玑,句句经典,是我辈应当学习之典范(不好意思回错帖了

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 站长技术交流论坛|互联网技术交流平台|Ai技术交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表