返回列表 发新帖

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

413.5k 9
swmozowtfl 发表于 2015-7-10 20:45:20|湖北 | 查看全部 阅读模式
如果你使用谷歌浏览器或火狐浏览器,你会发现页面上的textarea元素的右下角有个小三角,用鼠标箭头拖拽它,你的textarea就能随着放大或缩小。这是现代浏览器为方便用户而添加的一个辅助功能(很遗憾,不包括ie,如果你使用ie,是看不到的。)。web程序员在设计网页时,一般给了textarea一个固定的长宽,通常是配合布局而设定。但挑剔的用户往往会认为太小或太大。有了这个可以调整大小的工具后,用户就可以自己选择合适的大小了。/ A: o4 @% R: K9 g
但是,有时候是应用的需要,web程序员需要禁止这个可以调整textarea大小的功能(ie完全没这个问题!),也就是去掉右下角的小三角,有什么办法呢?很简单,使用css的resize属性。. o* ^* ]! I) n& ?1 S
css代码- y- }. k5 w, C  w
代码如下:
. A' i- y5 z' Q4 f$ s- l) a3 V
<style type=text/css>! T" q2 {6 s* P/ m  \" M
textarea {
, n3 R9 J$ E+ \) v2 }  S1 Tresize: none;
8 ^6 e7 y+ ?5 P4 ~6 \8 N}
! E; {/ p' g9 m% h* U" l" t9 e</style>
$ J% l$ l# X& ^3 M, r, W+ E* P将resize属性设置为none,textarea就变成了固定大小,小三角也消失了。+ g" f% k9 U% y! o: ^$ m3 u6 o5 Q

* Z( `8 n/ M8 D0 a! T7 R更多网页制作信息请查看: 网页制作

回复|共 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与站长技术交流社区-Ai交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表