作者elan (岚)
看板Web_Design
标题Re: [问题] 表单按钮的问题
时间Tue Jul 4 22:45:35 2006
※ 引述《WLittleWA (小哇)》之铭言：
: 请问有办法更换成自己想要用的图片吗...
: http://www.quirksmode.org/dom/inputfile.html
: 爬文有爬到这个网站
: 但是看的不是很懂
那篇文章是在写如何用css在<input type="file"/>上套样式
里面是说一般的input可以用css去给背景图样式
可是你很难直接用这个方式去套file upload的input element
<input type="file"/>是一个比较特殊的element
一般浏览器render出来会有有一个textbox和一个选择档案的按钮(safari又不一样 没有textbox)
css又没有办法去select到<input type="file"/>里面那个按钮
因此render出来就很难看
所以他们用了一个很tricky的方法
大略的说是同时用一个<input type="file"/>和一组一般的text input(有css背景)与按钮图片
让他们重叠在一起 <input type="file"/>在上面同时设为透明(opacity为0)
这组text input和按钮图片是用来在视觉上fake原来的<input type="file"/>
在写一些javascript处理一些文字显示和输入等等的问题
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.131.28.187