修改UpFileload的样式

思路:使用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> 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值