スクロール可能な 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 サイトの他の関連記事を参照してください。