网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的范文:

 

标题 使用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就变成了固定大小,小三角也消失了。
随便看

 

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/17 6:47:50