スクロール可能な Div のチェックボックスで「background-color」が機能しないのはなぜですか?どうすれば修正できますか?

CSS のチェックボックスの背景色属性の難題

スクロール可能な '< 内のチェックボックスで 'background-color' 属性を使用すると問題が発生します;div>'。正常に機能する指定された 'margin-top' 属性があるにもかかわらず、'background-color' 属性は無効なままです。

好奇心は、特に '< が失敗しているときに、一方の属性がどのように機能するのかに由来します。ディビジョン>'競合する背景色の属性が定義されていません。

原因と解決策

問題の根本はチェックボックスの性質にあります。デフォルトでは、チェックボックスには背景色を表示する固有の機能がありません。希望の色効果を実現するには、各チェックボックスを「

」で囲みます。

改訂された HTML 構造:

<div class="evenRow">
  <input type="checkbox" />
</div>
<div class="oddRow">
  <input type="checkbox" />
</div>
<div class="evenRow">
  <input type="checkbox" />
</div>
<div class="oddRow">
  <input type="checkbox" />
</div>

各チェックボックスを色付きの '

' 内にカプセル化することで、適用できるようになります。間接的に背景色を設定します。この手法は、チェックボックスの「background-color」属性の機能を効果的にエミュレートします。

以上がスクロール可能な Div のチェックボックスで「background-color」が機能しないのはなぜですか?どうすれば修正できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

もっと見る

人気の記事

<🎜>：庭を育てる - 完全な突然変異ガイド

3週間前 By DDD

<🎜>：バブルガムシミュレーターインフィニティ - ロイヤルキーの取得と使用方法

3週間前 By 尊渡假赌尊渡假赌尊渡假赌

KB5055612を修正する方法Windows 10にインストールできませんか？

3週間前 By DDD

Nordhold：Fusion System、説明

3週間前 By 尊渡假赌尊渡假赌尊渡假赌

マンドラゴラ：魔女の木のささやき - グラップリングフックのロックを解除する方法

3週間前 By 尊渡假赌尊渡假赌尊渡假赌

もっと見る

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Java チュートリアル

1665

14

CakePHP チュートリアル

1423

52

Laravel チュートリアル

1321

25

PHP チュートリアル

1269

29

C# チュートリアル

1249

24

もっと見る