ファイルアップローダーのスタイリングの問題

Question

私は解決できないような奇妙なスタイリングの問題があるファイルアップロードボタンがあります。

<div id="uniform-file_upload" class="uploader"> 
<input id="file_upload" type="file" multiple="multiple" name="file_upload" size="55" style="opacity: 0;"> 
<span class="filename" style="-moz-user-select: none;">No file selected</span> 
<span class="action" style="-moz-user-select: none;">Choose File</span> 
</div> 

そして、次のように出力されている：次のように生成されたHTMLがある

あなたは言葉「ファイルを選択」の周りに小さな箱を見ることができますか？まあ、それは非常に醜いと気を散らすと私はそれを取り除くことは容易でなければならないと思ったが、私はそれを行うことはできません。

Answer 1

このような状況では、Chromeウェブブラウザを使用してInspect Elementオプションを試してみてください。 （ウェブページの）フォームボタンを右クリックして、「Inspect Element」を選択します（FireFoxに類似していますが、私はChromeを好みます）

ボタンのスタイル情報がサイドパネルに表示され、必要な効果を得るためのスタイル。

NB：[要素の検査]をクリックした後、[要素]タブセクションで正しいhtmlタグを選択したことを確認します。また、element.style {...}はサイドパネルのオプションで、選択したhtml要素のインラインCSSを編集することができます。