textarea 在浏览器中固定大小和禁止拖动的实现方法


HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width属性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。

可以通过添加如下两个样式禁用拖动,固定大小:

1:彻底禁用拖动(推荐)

resize: none; 

2:只是固定大小,右下角的拖动图标仍在

width: 200px; 

height: 100px; 

max-width: 200px; 

max-height: 100px; 

3:浏览器信息:

Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko)Chrome/13.0.782.218 Safari/535.1

以上这篇textarea 在浏览器中固定大小和禁止拖动的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

利用浮层使select不可选的实现方法
实例如下:!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"spanstyle="position:relative"selectoptionvalue="1"1/optionoptionvalue="2"

jquery 判断div show的状态实例
实例如下:vartemp=$("#test").is(":hidden");//是否隐藏vartemp1=$("#test").is(":visible");//是否可见以上这篇jquery判断divshow的状态实例就是小编分享给大家的全部内容

浅谈jQuery中Ajax事件beforesend及各参数含义
Ajax会触发很多事件。有两种事件,一种是局部事件,一种是全局事件:局部事件:通过$.ajax来调用并且分配。$.ajax({beforeSend:function(){//HandlethebeforeSendeven