スタイリング入力タイプ=ファイルが期待どおりに機能しない

Question

フォームタイプ用のCSSテンプレートを作成していて、フォーム入力に丸みのある境界線を付ける必要があります。これはtype = textではうまくいくが、type = file（ファイルアップロード用）では機能しない。

私は間違っていますか？

.tempform input[type="text"] { 
    -moz-border-radius: 10px; 
} 

.tempform input[type="file"] { 
    -moz-border-radius: 10px; 
} 

<div class="tempform"> 
    <label for="textfield">Test Text Field</label> 
    <input type="text" id="textfield" name="textfield"></div> 
</div> 

div class="tempform"> 
    <label for="filefield">Test File Field</label> 
    <input type="file" name="filefield" id="filefield-0"> 
    <input type="file" name="filefield" id="filefield-1"> 
</div> 

Answer 1

残念ながら、幅を少し変更するだけでなく、ファイルのアップロード入力をスタイルすることは不可能です。ブラウザは他の変更を許可しません。ファイルアップロード入力のスタイルを設定するには、イメージの上にほとんど目に見えないファイルアップロード入力（一部のブラウザでのみ機能する）やajax-uploadなどのJavaScriptソリューションを配置するなどの厄介なハッキングを使用する必要があります。

Answer 2

the first Google search resultによれば、それはむしろ関与しています。方法については、quirksmode.orgのthis articleを参照してください。