修改UpFileload的样式
来源:互联网 发布:mac上的wifi共享软件 编辑:程序博客网 时间:2024/06/08 15:41
思路:使用div建立两层 ,UpFileload或是Input(File)在上一层,开alpha滤镜为透明。
下一层为输入框与按钮组合模仿UpFileload样式,UpFileload的propertychange事件给输入框赋值。
需要修改UpFileload只需要求改下一层的输入框和按钮的样式即可
<style title="text/css" type="text/css"> DIV.fileinputs { POSITION: relative } DIV.fakefile { Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px } INPUT.file { Z-INDEX: 2; FILTER: alpha(opacity: 0); POSITION: relative; TEXT-ALIGN: right; moz-opacity: 0; opacity: 0 } </style> <script language="JavaScript" type="text/javascript"> function HandleFileButtonClick() { document.Form1.txtFakeText.value = document.Form1.myFile.value; } </script>
<div class="fileinputs"> <input type="file" id="myFile" class="file" runat="server" NAME="myFile" onpropertychange="HandleFileButtonClick();"/> <div class="fakefile"> <input type="text" name="txtFakeText"/> <img src="search.gif"/> </div> </div> (text)+Button
<style title="text/css" type="text/css">DIV.fileinputs { POSITION: relative }DIV.fakefile { Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px }INPUT.file { Z-INDEX: 2; FILTER: alpha(opacity: 0); POSITION: relative; TEXT-ALIGN: right; moz-opacity: 0; opacity: 0 }</style><script language="JavaScript" type="text/javascript"> function HandleFileButtonClick() { document.Form1.txtFakeText.value = document.Form1.myFile.value; }</script><div class="fileinputs"><input type="file" id="myFile" class="file" runat="server" NAME="myFile" onpropertychange="HandleFileButtonClick();"/><div class="fakefile"><input type="text" name="txtFakeText"/><img src="search.gif"/></div></div>
- 修改UpFileload的样式
- HR的样式修改
- 修改按钮的样式
- AlertDialog的样式修改
- 修改scrollbars的样式
- 修改Actionbar的样式
- jquery的样式修改
- 修改actionBar的样式
- 修改checkbox的样式
- AlertDialog的样式修改
- 修改DatePickerDialog的样式
- 修改ViewPagerIndicator的样式
- 修改switch的样式
- 修改窗口的样式
- 修改后的Blog样式
- 修改CSDN博客的样式
- 修改下拉日历的样式
- 修改OGRE的窗口样式
- 当Flash程序遇见小老板
- 关于邮件不能正常收发显示错误代码为0x800CCC15的解决方法
- 求助
- 求助
- 2 web service 与xml
- 修改UpFileload的样式
- nodeType描述
- 域控制器的配置
- 如何注册ActiveX控件
- MIPS简介
- linux 下遍历目录下的所有文件
- PHP正则表达式模式修正符
- IIS 6.0 权限设置
- 再建我的Blog