を使用してブートストラップを使用してカスタムファイルアップロードボタンを使用して、Twitter Bootstrapのデフォルトのファイル入力要素には美的魅力がない場合がありますが、プライマリブルーボタンの外観を模倣するカスタムボタンを作成することができます。 html：

for bootstrap 3、4、および5の場合、簡単なHTMLソリューションが利用可能です。 参照

この非表示の入力要素は、カスタムボタンスタイリングを維持しながら、通常のファイル入力コントロールとして機能します。組み合わせ：

html：

    Browse 

参照

css：

。 位置：相対; オーバーフロー：隠し; } .btn-file input [type = file] { 位置：絶対; 上：0; 右：0; 最小幅：100％; MIN-HEIGHT：100％; フォントサイズ：100px; テキストアライグ：右; フィルター：アルファ（不透明度= 0）; 不透明：0; アウトライン：なし; 背景：白。 カーソル：継承; 表示：ブロック; }

この方法には追加のCSSが含まれますが、古いIEブラウザとの互換性を保証します。古いブラウザのサポートが必要な場合は、レガシーアプローチを使用できます。

選択したファイルを表示する方法については、次のリソースを参照してください。