input type="file"をCSS3で装飾　改善版 IE7〜対応。 - with the flow

テクノロジーカテゴリーの変更を依頼記事元:

me.hateblo.jp

5 usersがブックマークコメント

コメント

2

記事へのコメント2件

注目コメント
新着コメント

yamadar 見えないボタンをJSでクリックしたり、透明にしたボタンを装飾した要素の上から重ねたり。

2014/09/04 リンク

nybb input="file"のやつ

web制作

2013/03/12 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

input type="file"をCSS3で装飾　改善版 IE7〜対応。 - with the flow

すごく昔に書いた、input type="file"をCSSとJavaScriptで綺麗に装飾するものの改善版を作りました。 Ch... すごく昔に書いた、input type="file"をCSSとJavaScriptで綺麗に装飾するものの改善版を作りました。 Chrome23.0.1, Firefox17, Opera12, IE9,8,7で正常に表示されるのを確認。 ■内容・「参照」ボタンを押しても、textboxを押しても参照ダイアログが起動。・ファイルを参照するとtextbox内にファイル名が入る。ファイル名が長い場合は「...」と省略される。・「アップロード」ボタンがあった場合で作ってみた。押しても何も起こりませんが。・画面内に複数入れたい場合は、"uploader"を複数入れることで対応可能。・JavaScriptが無効な状態にも対応。無効な環境では普通のブラウザデフォルトのinput type="file"が出現し、　アップロードボタンの左に並びます。 IEは画像作ってないので必要であれば足してく

ブックマークしたユーザー

kool_kreate2015/01/20
yamadar2014/09/04
nybb2013/03/12
daikix2012/12/28
reomi20022012/12/28

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx