应用CSS严禁textarea调剂尺寸作用的方式

日期:2021-01-20 类型:科技新闻 

关键词:自助建站,专业建站,建站网站,建站平台,网站在线制作app

假如你应用谷歌访问器或火狐访问器,你会发现网页页面上的textarea元素的右下角有个小3角,用电脑鼠标箭头拖拽它,你的textarea就可以伴随着变大或变小。这是当代访问器为便捷客户而加上的1个輔助作用(很遗憾,不包含IE,假如你应用IE,是看不见的。)。Web程序流程员在设计方案网页页面时,1般给了textarea1个固定不动的长宽,一般是相互配合合理布局而设置。但苛刻的客户常常会觉得很小或太大。有了这个能够调剂尺寸的专用工具后,客户便可以自身挑选适合的尺寸了。

可是,有时是运用的必须,Web程序流程员必须严禁这个能够调剂textarea尺寸的作用(IE彻底没这个难题!),也便是去掉右下角的小3角,有甚么方法呢?很简易,应用CSS的resize特性。

CSS编码

拷贝编码
编码以下:

<style type="text/css">
textarea {
resize: none;
}
</style>

将resize特性设定为none,textarea就变为了固定不动尺寸,小3角也消退了。

上一篇:详解CSS3中Media Queries的有关应用 返回下一篇:没有了