css - 更改 Bootstrap 列表组活动项的样式

Question

我正在尝试在引导列表组中设置一个活动项目的样式，类似于：

查看“最近”如何以左侧的黑色边框突出显示。

这是我的代码：

代码

这是我的CSS：

.list-group-item.active {
  background-size: 10px;
  background-color: #add8e6;
  border-color: #add8e6;
}

请指教。

标签： csstwitter-bootstrapbootstrap-4

Answer 1

谢谢。添加了一个border-left：5px纯蓝色并且它起作用了