Question

我正在使用Bootstrap 4.3 list-group-item，我为活动状态分配了黑色背景

.list-group-item:active {
  background-color: black !important;
  color:white;
  border: none;
}

当单击激活元素激活时有效，但是在页面加载时，第一个元素是默认的引导蓝色。经过检查，此元素与我的自定义CSS具有相同的类和“活动”状态，为什么是蓝色？我可以通过从班级中删除“活动”来删除它，但是背景是白色的，这是不理想的。

<a class="list-group-item list-group-item-action active" id="list-home-list" data-toggle="list" href="#list-home" role="tab" aria-controls="home">Wikipedia</a>

Answer 1

活动选择器正在按预期工作：CSS :active Selector

当您删除活动的选择器时，列表项元素的背景为黑色，是否意味着页面的其余部分为白色？您可以将父div的背景颜色设置为黑色吗？

活动列表组项目页面加载时颜色错误

1 个答案: