UI - VoidCC

我使用

<input type="file">

它在IE，火狐，Chrome和Safari 我想要的东西，可以在所有浏览器4同样产生不同的用户界面UI。

这可能吗？

来源

2010-12-08 Varun

不能直接改变外观，唯一的办法是使用复杂的客户端脚本 - jQuery是做所有的工作适合你，看到埃里克答案.. – 2010-12-08 09:00:07

@Shadow - 无法使用css/javascript完成它？我不能使用jQuery – Varun 2010-12-08 09:01:54

jQuery *是* JavaScript。它也可以使用CSS，但更复杂。这一个看起来不错，认为我甚至用它在过去：http://www.quirksmode.org/dom/inputfile.html – 2010-12-08 09:10:45

此所做的工作对我来说:)

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
<title>New Page 1</title> 
<style type="text/css"> 
div.fileinputs { 
    position: relative; 
} 

img.fakefile, input.fakefile { 
position: absolute; 
top: 0px; 
left: 0px; 
z-index: 1; 
} 

input.file { 
position: relative; 
text-align: right; 
-moz-opacity:0 ; 
filter:alpha(opacity: 0); 
opacity: 0; 
z-index: 2; 
}</style> 

<script type="text/javascript"> 
function HandleFileButtonClick() 
    {  
    document.getElementById("xyz").value =document.getElementById("abc").value; 
    } 


</script> 
</head> 

<body> 
<div class="fileinputs"> 
    <input type="file" id="abc" class="file" onchange="HandleFileButtonClick();" /> 
     <input type="text" id="xyz" class="fakefile" /> 
     <img src="browse button.bmp" class="fakefile" style="position: absolute; left: 150; top: 0" width="61" height="22"/> 
</div> 
</body> 
</html>

来源

2010-12-09 07:31:26 Varun