返回列表 发新帖

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

413.5k 9
swmozowtfl 发表于 2015-7-10 20:45:20|湖北 | 查看全部 阅读模式
如果你使用谷歌浏览器或火狐浏览器,你会发现页面上的textarea元素的右下角有个小三角,用鼠标箭头拖拽它,你的textarea就能随着放大或缩小。这是现代浏览器为方便用户而添加的一个辅助功能(很遗憾,不包括ie,如果你使用ie,是看不到的。)。web程序员在设计网页时,一般给了textarea一个固定的长宽,通常是配合布局而设定。但挑剔的用户往往会认为太小或太大。有了这个可以调整大小的工具后,用户就可以自己选择合适的大小了。3 m! O% y( R5 E$ P% E
但是,有时候是应用的需要,web程序员需要禁止这个可以调整textarea大小的功能(ie完全没这个问题!),也就是去掉右下角的小三角,有什么办法呢?很简单,使用css的resize属性。6 [0 [$ i$ a" _( p! i6 @% q' E
css代码
! _' J7 a7 W" l% c代码如下:- E! u) m) d" X1 S2 @( U( p
<style type=text/css>6 c% J7 J. X7 p  m7 m) P8 o
textarea {
8 T2 h" V6 F9 l5 v2 V6 Qresize: none;6 w8 q3 j# ]8 T. x& p- T1 p0 ^8 u% q
}
" \! B$ N3 q# i* n1 Z7 H3 p) |9 `</style>
$ ?; t' ?0 g" x9 H  z将resize属性设置为none,textarea就变成了固定大小,小三角也消失了。( a, r4 L1 q8 k
8 M& \& p/ d& S! e
更多网页制作信息请查看: 网页制作

回复|共 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客服 返回顶部
快速回复 返回顶部 返回列表