关灯
开启左侧

[网页制作] 使用css禁止textarea调整大小功能的方法

[复制链接]
swmozowtfl 发表于 2015-7-10 20:45:20 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
如果你使用谷歌浏览器或火狐浏览器,你会发现页面上的textarea元素的右下角有个小三角,用鼠标箭头拖拽它,你的textarea就能随着放大或缩小。这是现代浏览器为方便用户而添加的一个辅助功能(很遗憾,不包括ie,如果你使用ie,是看不到的。)。web程序员在设计网页时,一般给了textarea一个固定的长宽,通常是配合布局而设定。但挑剔的用户往往会认为太小或太大。有了这个可以调整大小的工具后,用户就可以自己选择合适的大小了。
但是,有时候是应用的需要,web程序员需要禁止这个可以调整textarea大小的功能(ie完全没这个问题!),也就是去掉右下角的小三角,有什么办法呢?很简单,使用css的resize属性。
css代码
代码如下:
<style type=text/css>
textarea {
resize: none;
}
</style>
将resize属性设置为none,textarea就变成了固定大小,小三角也消失了。

更多网页制作信息请查看: 网页制作
 

精彩评论9

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

本版积分规则


0关注

1粉丝

2503帖子

热门图文
热门帖子
排行榜
作者专栏

关注我们:微信订阅号

官方微信

APP下载

全国服务Q Q:

956130084

中国·湖北

Email:956130084@qq.com

Copyright   ©2015-2022  站长技术交流论坛|互联网技术交流平台Powered by©Discuz!技术支持:得知网络  

鄂公网安备 42018502006730号

  ( 鄂ICP备15006301号-5 )