スタイルブートストラップ4カスタムチェックボックス

ヘモグロビン

Bootstrap 4でカスタムチェックボックスのスタイルを設定するにはどうすればよいですか?私はすべてを試しましたが、背景色を変更することさえできません。

これは私のコードの概要です:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<label class="custom-control custom-checkbox">
      <input type="checkbox" class="custom-control-input">
      <span class="custom-control-indicator"></span>
      <span class="custom-control-description">Check this custom checkbox</span>
</label>

ここで何をターゲットにしますか?誰かがその背景を変更する方法を教えてもらえますか?

ありがとうございました。

マラシーベンカテサン

.custom-control{
  background-color: grey;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<label class="custom-control custom-checkbox">
      <input type="checkbox" class="custom-control-input">
      <span class="custom-control-indicator"></span>
      <span class="custom-control-description">Check this custom checkbox</span>
</label>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ブートストラップ4カスタムチェックボックスは表示されません

分類Dev

ブートストラップカスタムチェックボックスでチェックボックスラベルを左に移動します

分類Dev

カスタムブートストラップ-Vueチェックボックスコンポーネント

分類Dev

ブートストラップ4.1.xのカスタムチェックボックス

分類Dev

属性のないカスタムチェックボックスをブートストラップする

分類Dev

ブートストラップチェックボックスをカスタマイズする

分類Dev

ブートストラップ4:テキストの右側にカスタムチェックボックスをフロートする

分類Dev

ブートストラップ4は、プログレスバーに対してカスタムチェックボックスを垂直に配置します

分類Dev

ブートストラップ4-カスタムアラートポップアップボックス

分類Dev

ブートストラップ3のチェックボックスのスタイルを変更する

分類Dev

ブートストラップ4:チェックボックスの境界線をカスタマイズする

分類Dev

Jqueryブートストラップボタングループのチェックボックス値

分類Dev

Yii2:yii \ grid \ CheckboxColumnにブートストラップ4チェックボックススタイルを実装します

分類Dev

テーブルのチェックボックスをチェックすると、dblclick(カスタム)イベントがトリガーされます

分類Dev

ブートストラップ4.1.1フォームチェックフォームチェックインラインラジオボタン

分類Dev

wpfxamlチェックボックステンプレートのスタイル

分類Dev

カスタムスプライトコリッドヒットボックス

分類Dev

CSSとブートストラップを使用してカスタムチェックボックスを作成する

分類Dev

Twitterブートストラップボタングループコントロールラジオボタン/チェックボックス

分類Dev

インジケーターのないカスタムチェックボックス(テキスト)

分類Dev

Seleniumを介してチェックボックスタイプのブートストラップカスタムコントロール入力を識別する方法

分類Dev

Tensorflowチェックポイントカスタムマップ

分類Dev

reactのブートストラップクラスにカスタムスタイルを追加します。

分類Dev

カスタム チェックボックス スタイルの定義

分類Dev

ブートストラップボタンをバインドする方法-チェックボックスとフォーム?

分類Dev

リーフレットカスタムチェックボックスコントロールを作成する

分類Dev

ブートストラップ列内のスリックスライダーカスタムドット

分類Dev

マット-チェックボックスのカスタムカラーは変更できません

分類Dev

ブートストラップチェックボックスボタンが正しく表示されない

Related 関連記事

  1. 1

    ブートストラップ4カスタムチェックボックスは表示されません

  2. 2

    ブートストラップカスタムチェックボックスでチェックボックスラベルを左に移動します

  3. 3

    カスタムブートストラップ-Vueチェックボックスコンポーネント

  4. 4

    ブートストラップ4.1.xのカスタムチェックボックス

  5. 5

    属性のないカスタムチェックボックスをブートストラップする

  6. 6

    ブートストラップチェックボックスをカスタマイズする

  7. 7

    ブートストラップ4:テキストの右側にカスタムチェックボックスをフロートする

  8. 8

    ブートストラップ4は、プログレスバーに対してカスタムチェックボックスを垂直に配置します

  9. 9

    ブートストラップ4-カスタムアラートポップアップボックス

  10. 10

    ブートストラップ3のチェックボックスのスタイルを変更する

  11. 11

    ブートストラップ4:チェックボックスの境界線をカスタマイズする

  12. 12

    Jqueryブートストラップボタングループのチェックボックス値

  13. 13

    Yii2:yii \ grid \ CheckboxColumnにブートストラップ4チェックボックススタイルを実装します

  14. 14

    テーブルのチェックボックスをチェックすると、dblclick(カスタム)イベントがトリガーされます

  15. 15

    ブートストラップ4.1.1フォームチェックフォームチェックインラインラジオボタン

  16. 16

    wpfxamlチェックボックステンプレートのスタイル

  17. 17

    カスタムスプライトコリッドヒットボックス

  18. 18

    CSSとブートストラップを使用してカスタムチェックボックスを作成する

  19. 19

    Twitterブートストラップボタングループコントロールラジオボタン/チェックボックス

  20. 20

    インジケーターのないカスタムチェックボックス(テキスト)

  21. 21

    Seleniumを介してチェックボックスタイプのブートストラップカスタムコントロール入力を識別する方法

  22. 22

    Tensorflowチェックポイントカスタムマップ

  23. 23

    reactのブートストラップクラスにカスタムスタイルを追加します。

  24. 24

    カスタム チェックボックス スタイルの定義

  25. 25

    ブートストラップボタンをバインドする方法-チェックボックスとフォーム?

  26. 26

    リーフレットカスタムチェックボックスコントロールを作成する

  27. 27

    ブートストラップ列内のスリックスライダーカスタムドット

  28. 28

    マット-チェックボックスのカスタムカラーは変更できません

  29. 29

    ブートストラップチェックボックスボタンが正しく表示されない

ホットタグ

アーカイブ