QA@IT
«質問へ戻る

質問を投稿

bootstrap3のinput[file]のずれ

https://gist.github.com/znz/d2890d8c4b168ddcd50d#file-bootstrap3-input-file-html のようなHTMLで bootstrap 3.3.0 の input[type="file"] を使おうとしています。

Google Chrome だと下につけたスクリーンショットのようにボタンとファイル名がずれて表示されてしまう (line-height:1 をつけるとましになる) のですが、どうすればずれなくなるのでしょうか?

また Firefox だと form-control クラスをつけているとボタンが枠からはみ出してしまうのですが、これは使い方が間違っているからでしょうか?

https://gist.github.com/znz/d2890d8c4b168ddcd50d#file-bootstrap3-input-file-html のようなHTMLで bootstrap 3.3.0 の `input[type="file"]` を使おうとしています。

Google Chrome だと下につけたスクリーンショットのようにボタンとファイル名がずれて表示されてしまう (`line-height:1` をつけるとましになる) のですが、どうすればずれなくなるのでしょうか?

また Firefox だと `form-control` クラスをつけているとボタンが枠からはみ出してしまうのですが、これは使い方が間違っているからでしょうか?