Twitter Bootstrapでファイルアップロードボタンをかっこよくする方法

Twitter Bootstrapのフォームはスタイリングが綺麗で便利なのですが、唯一の不満が「input type=”file”」。なぜこれだけデフォルトなのだ・・・。

ユーザー情報の変更  ドットインストール

↑ なんか残念ですよね。

そう思っていたらやはり他の人も同感だったようで、解決策を提示してくれている人がいたようです。

Pretty file input field in Bootstrap | duckranger com

↑ 良い感じ。

マークアップの詳細は以下のサイトをみていただきたいのですが、「input type=”file”」は非表示にして、表示している方のボタンをクリックしたら「input type=”file”」のクリックをエミュレートしてごにょごにょしているようです。有用なテクニックだと思いますので覚えておくといいですね。

» Pretty file input field in Bootstrap | duckranger.com

Pocket

SPONSORED LINK

Leave a Reply

Your email address will not be published. Required fields are marked *