入力ファイルの種類のUI

私は

<input type="file">

を使用しています、それは私がすべての4のブラウザで同じUIを生成することができます何かをしたいIE、Firefoxの、ChromeとSafariのに異なるUIを持っています。

これは可能ですか？

出典

2010-12-08 Varun

ない可能性をした、唯一の方法は、複雑なクライアント側のスクリプトを使用している - jQueryのはあなたのためにすべての作業をやっている、エリックの答えを参照してください。.. –

@Shadow - それはCSS/javascriptを使って行うことができませんか？私は使用できませんjquery – Varun

jQuery * is * JavaScript。 CSSでも可能ですが、もっと複雑です。これはうまく見える、私は過去にそれを使用したと思う：http://www.quirksmode.org/dom/inputfile.html –

これは直接外観を変更するために私のための仕事:)

<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