返回列表 发新帖

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

413.6k 9
swmozowtfl 发表于 2015-7-10 20:45:20|湖北 | 查看全部 阅读模式
如果你使用谷歌浏览器或火狐浏览器,你会发现页面上的textarea元素的右下角有个小三角,用鼠标箭头拖拽它,你的textarea就能随着放大或缩小。这是现代浏览器为方便用户而添加的一个辅助功能(很遗憾,不包括ie,如果你使用ie,是看不到的。)。web程序员在设计网页时,一般给了textarea一个固定的长宽,通常是配合布局而设定。但挑剔的用户往往会认为太小或太大。有了这个可以调整大小的工具后,用户就可以自己选择合适的大小了。! R% ]8 e4 V6 q! {7 @- J5 k
但是,有时候是应用的需要,web程序员需要禁止这个可以调整textarea大小的功能(ie完全没这个问题!),也就是去掉右下角的小三角,有什么办法呢?很简单,使用css的resize属性。
2 |' ^" C, i. l# ~: ~/ Ecss代码/ `0 d+ c/ k" c$ ~! Q; z
代码如下:6 D5 I4 r: F9 C6 B% `7 L3 L+ `
<style type=text/css>( V" f, P* L  V* F0 J7 y. n, u/ r
textarea {4 J+ R- D! E. A
resize: none;
9 @: h" ^( w3 g, H9 d9 C}
$ s: _: E' p7 ?2 j% U8 Y: ^6 ]</style>3 }/ ]3 y. I: F% ]5 Q
将resize属性设置为none,textarea就变成了固定大小,小三角也消失了。
! F& p7 h0 ?/ y7 a4 X1 E' P) W: K% W" `9 u$ p1 k. M$ o5 `7 s
更多网页制作信息请查看: 网页制作

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