input[type=file]をCSSで加工する – ハック｜オープンソース高速化AMI「kousoku AWS」

表示サンプルはこちら。 http://jsdo.it/goto_jp/rWcL HTMLはこちら。 <div class="uploadButton"> ファイルを選択 <input type="file" onchange="uv.style.display='inline-block'; uv.value = this.value;" /> <input type="text" id="uv" class="uploadValue" disabled /> </div> CSSはこちら。 .uploadButton { display:inline-block; position:relative; overflow:hidden; border-radius:3px; background:#099; color:#fff; text-align:center; padding:10

[h-a-t-e-h-a-t-e-h-a-t-e-n-a]

input[type=file] の「left」の値を変更しないとクロームでカーソルが変わらない IE対応のため「width:100%」を消す

[kemba]

ファイルを選択

[glat_design]

メモ /

[forcutie]

input type file