ホームページ > ウェブフロントエンド > ブートストラップのチュートリアル > ブートストラップ入力スタイルを変更する方法

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

藏色散人
リリース: 2020-11-30 14:59:28
オリジナル
4442 人が閲覧しました

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

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

このチュートリアルの動作環境: 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="index.png"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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート