質問: ### 前提・実現したいこと BootstrapのボタンCSSをフォームに適用したいのですが、上手くいきません。 ### 発生している問題・エラーメッセージ 「ファイルを選択」と書かれた部分だけに「submit」と同じデザインを適用したいのですが、その外までされてしまいます。 1つ目のinputが「ファイル選択」「選択されていません」の部分になるので、「ファイル選択」のボタンだけを変更することは出来ないのでしょうか? ![](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/d394282281e95a6e4b7dded1eaf4e3f3.png) ### 該当のソースコード ``` ``` ### 試したこと ここに問題に対して試したことを記載してください。 ### 補足情報(FW/ツールのバージョンなど) Bootstrap4 GoogleChrome 73.0.3683.103
回答: ブラウザ依存でブラウザにより表示が変わりCSSでも完全に制御できないところがあるため、気に入らないときは非表示にしてlabelなど別の要素で表現するのが常とう手段となります。