html - HTMLメッセージをカスタマイズする方法 既に次のようになっている入力タイプ ファイルのメッセージをカスタマイズしようとしています。 「ファイルが選択されていません」という中央を垂直方向

Question

既に次のようになっている入力タイプ ファイルのメッセージをカスタマイズしようとしています。

「ファイルが選択されていません」という中央を垂直方向に揃え、「ファイルを選択」と「ファイルが選択されていません」の両方のテキストを変更する必要があります

Answer 1

Evan の例のようにパディングを追加すると、テキストが垂直方向に整列されます。テキスト自体はシステムによって生成されています。

http://community.mybb.com/thread-59344.html

Answer 2

http://jsfiddle.net/5rp5e/2/ (作業例)

 <div id="background">
<input type="file" value="choose file" />
</div>

CSS:

#background{
    padding:20px;
    background: #ccc;
    width: 300px; /* or whatever you want it to be */
}