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

SPONSORED LINK

Pocket

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

ツイッターもやっています!

SPONSORED LINK

  • Trackback are closed
  • Comments (0)
  1. No comments yet.