得知互动

标题: 使用css禁止textarea调整大小功能的方法 [打印本页]

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

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

作者: wwzcdenleclv 时间: 2015-11-17 19:45
貌似我没看懂那~~~

作者: wwdu926a 时间: 2015-11-17 19:45
楼主说的是什么？我是小白，好像还没看明白！

作者: buingeEvineus 时间: 2015-11-17 19:46
看到本ID的这位童鞋,我看你气度不凡,谈吐间隐隐有王者之气,日后必有一番作为! 内有“加关注”三字,你就顺手把它点了吧。相得准,我分文不收;相不准,你也好回来找我。

作者: bqtklouu 时间: 2015-11-17 19:46
…没我说话的余地…飘走

作者: seazvyt 时间: 2015-11-27 16:23
呵呵~~~~你怎么老这样说~~~

作者: tohme 时间: 2015-11-27 16:23
哈哈瞧你说的~~~

作者: seazvyt 时间: 2015-11-27 16:24
经过你的指点我还是没找到在哪 ~~~

作者: mwxny 时间: 2015-11-27 16:24
这是怎么了啊??

作者: GoodyFouppy 时间: 2015-11-27 16:24
这篇帖子构思新颖，题材独具匠心，段落清晰，情节诡异，跌宕起伏，主线分明，引人入胜，平淡中显示出不凡的文学功底，可谓是字字珠玑，句句经典，是我辈应当学习之典范（不好意思回错帖了

欢迎光临得知互动 (https://bbs.dezhifl.com/)