时间戳

首页 > 解决方案 > 页面加载时活动列表组项目颜色错误

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

问题描述

我正在使用已为活动状态分配黑色背景的 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>

标签： htmlcsstwitter-bootstrap

解决方案

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

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

推荐阅读