ブートストラップ入力スタイルを変更する方法

ブートストラップ入力スタイルを変更する方法: 最初にラベルを作成し、次に入力を書き込み、タイプをファイルに設定し、次にボタンのデフォルト スタイルを呼び出し、最後にボタンの色に応じて変更します。

このチュートリアルの動作環境: Windows 7 システム、ブートストラップ バージョン 3。この方法は、すべてのブランドのコンピューターに適しています。

推奨: "ブートストラップ チュートリアル"

入力ファイルのスタイル変更に関するブートストラップ

入力のファイル タイプにボタン スタイルを追加します

1. Bootstrap の入力のファイル タイプのスタイルは非常に醜いです。ボタンにテキストの段落を追加すると、表示が異なります。スタイルはブラウザに依存するため、開発時にファイル スタイル

をボタン スタイルに変更できます。デフォルトの白の背景に設定することも、緑、赤、青に設定することもできます、など-------- つまり、ボタンのいくつかの状態

"btn btn-default"——デフォルトのスタイル——白

"btn btn-primary"—設定—ダークブルー

"btn btn-success"—成功—緑

"btn btn-info"——一般情報——水色

"btn btn-warn"——警告——オレンジ色

#"btn btn-danger"——危険———赤

"btn btn-link"——リンク——白

方法は:

1. ラベルを書き込みます。クラスは btn btn- (default/success/warning/

Primary/info/danger/link) に設定されますfor=file

2. 入力タイプを記述します: ファイル、ID をファイルに設定します、ソースコードは次のとおりです

<p class="form-group">
    <label class="col-sm-2 control-label"><img src="/static/imghwm/default1.png"  data-src="index.png"  class="lazy"  alt=""></label>
    <p class="col-sm-2 ">
        <label for="file"class=" btn btn-default">更换头像</label>
        <input id="file"type="file"style="display:none">
    </p>
</p>

これは入力ファイルのデフォルトのスタイルです

ボタンのデフォルト スタイルを呼び出して白いボタンを生成し、ボタン内にプロンプ​​トを書き込みます

必要な特定のスタイルまたは色を設定できますボタンの色に応じて

#

以上がブートストラップ入力スタイルを変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。