首页 > 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
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板