0

重複の可能性：
スタイル入力タイプファイル？

私は、各ブラウザが独自の表示方法を持っていることを知っています...

 <input type="file" name="image" id="image" class="input_text"/>

私の質問は、画像の参照ボタンをカスタマイズする方法はありますか？HTML / CSS / PHPを使用して、通常のフォームの参照ボタンとアップロードボタンを1つの画像ボタンに置​​き換えたいと思います。これは可能であり、すべてのブラウザタイプと互換性がありますか。

ありがとうございます。

4

2 に答える 2

1

Uploadifyのようなプラグインを使用したほうがよいでしょう。他の要素と同じようにフィールドのスタイルを設定できます。

于 2012-12-06T22:20:56.027 に答える
1

複数の方法がありますが、私が好む方法は次のとおりです。

<div class="browse">
    <div class="placeholder">Upload</div>
    <input type="file" name="image" id="image" class="input_text"/>
</div>

この CSS コードを使用すると、次のようになります。

.browse {
    position: relative;
    width: 100px;
    height: 20px;
}

.browse input, browse div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.browse input {
    opacity: 0;
    filter: alpha(opacity=0);
}

このようにアップロード テキストが表示されますが、実際には参照ボタンをクリックします。

于 2012-12-06T22:21:15.083 に答える