前提・実現したいこと
BootstrapのボタンCSSをフォームに適用したいのですが、上手くいきません。
発生している問題・エラーメッセージ
「ファイルを選択」と書かれた部分だけに「submit」と同じデザインを適用したいのですが、その外までされてしまいます。
1つ目のinputが「ファイル選択」「選択されていません」の部分になるので、「ファイル選択」のボタンだけを変更することは出来ないのでしょうか?
該当のソースコード
html
1<form action="./upload.php" method="post" enctype="multipart/form-data"> 2 <input type="file" class="btn btn-outline-secondary" name="upfile[]" multiple> 3 <input type="submit" value="submit" class="btn btn-outline-secondary"> 4</form>
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
Bootstrap4
GoogleChrome 73.0.3683.103
custom-file-input ではダメなんだろうか。
https://getbootstrap.com/docs/4.3/components/forms/#file-browser
回答1件
あなたの回答
tips
プレビュー