首頁 > web前端 > css教學 > 為什麼「背景顏色」對可捲動 Div 內的複選框不起作用?

為什麼「背景顏色」對可捲動 Div 內的複選框不起作用?

Patricia Arquette
發布: 2024-11-26 03:23:08
原創
282 人瀏覽過

Why Doesn't `background-color` Work on Checkboxes Inside a Scrollable Div?

CSS“background-color”屬性不適用於

查詢中突出顯示的問題是無法“background-color”屬性會影響可捲動div 中包含的複選框。雖然「margin-top」等屬性按預期發揮作用,但「background-color」仍然無效。

要理解此行為,請務必注意複選框從其父元素繼承其背景顏色。預設情況下,複選框的基本背景顏色取決於瀏覽器的樣式。因此,不可能直接設定複選框本身的背景顏色。

為了提供所需的效果,可以採取另一種方法,將每個複選框包裝在擁有所需背景顏色的 div 元素中。這樣,div 元素將保留複選框並充當設定背景顏色的代理。例如:

<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>
登入後複製
.evenRow {
    background-color: #9FFF9D;
}

.oddRow {
    background-color: #ffffff;
}
登入後複製

以上是為什麼「背景顏色」對可捲動 Div 內的複選框不起作用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板