file 元素样式的模拟(兼容模式)
2011-09-05 18:14
441 查看
<script> function fclick(obj){ with(obj){ style.posTop=event.srcElement.offsetTop var x=event.x-offsetWidth/2 if(x<event.srcElement.offsetLeft)x=event.srcElement.offsetLeft if(x>event.srcElement.offsetLeft+event.srcElement.offsetWidth-offsetWidth)x=event.srcElement.offsetLeft+event.srcElement.offsetWidth-offsetWidth style.posLeft=x } } </script>
<style> input{border:1px solid #333333;color:#666666;background:#eeeeee;font:normal 12px Tahoma;height:18px} </style> <form method="post" action="" enctype="multipart/form-data"> <input id="f_file"> <span style="position:relative">input type="button" onmouseover="fclick(t_file)" value="选择上传文件"> <input name="upload" type="file" style="position:absolute;filter:alpha(opacity=30);opacity:0;width:30px;" id="t_file" onchange="f_file.value=this.value" size="9" hidefocus> </span> <br><input type="submit" value="提交"> </form>
html中file格式的宽度在IE下面可以用width来定义,但在firefox下面却要用size来定义其宽度
相关文章推荐
- 兼容模式下页面样式错乱问题
- CSS hack样式兼容模式收藏
- 360兼容模式下样式被覆盖
- HTML5 progress元素的样式控制、兼容与实例
- Javascript基础——深入了解Javascript(函数返回值return、函数传参arguments、兼容各浏览器的单一行间样式、元素的插入删除split/shift/sort/pop)
- file表单元素怎样设置浏览按钮的样式
- js返回最终样式函数,兼容IE和DOM,设置参数:元素对象、样式特性
- 使用UL LI进行列表是height:100%造成的IE兼容模式与极速模式显示样式
- input元素[type="file"]时的样式定制
- JS获取元素样式、绑定解除事件函数兼容
- 解决input的file类型各浏览器的样式兼容
- 360浏览器兼容模式下样式显示混乱的解决方法
- HTML5 progress元素的样式控制、兼容与实例
- php 模拟浏览器 发送 post 和 get 请求(兼容curl + file_get_contents)
- 手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
- 自定义input[file](文件上传控件)样式-兼容IE6
- 兼容获取元素的样式属性值
- 兼容浏览器的获取指定元素(elem)的样式属性(name)的方法
- 当样式在IE8不兼容时使其在ie8浏览器中相当于走ie7模式的方法
- 如何解决360的兼容模式下页面的样式会错乱