ファイル フィールドをイメージアイコンに置き換えたいです。ファイル フィールドがかっこよく見えないからです。
このカメラ アイコンを見てください。誰かがこのアイコンをクリックすると、閲覧ウィンドウが開きます:
ここに JsFiddle DEMO があります: http://jsfiddle.net/8aJb4/2/
ここに私のコードがあります:
HTML:
<div class="container">
<input type="file" name="image_src" id="image_src" >
</div>
CSS:
.container{
width:500px;
border:black solid 1px;
text-align:center;
padding:4px;
}
画像アイコンへのリンクは次のとおりです: http://postimg.org/image/rg17ffpxh/