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

Question

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

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

这是我的代码：

Code

这是我的 CSS：

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

请指教。

Answer 1

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