css - Bootstrap 中的高亮列表项

Question

使用 Drupal 的 Bootstrap 模块我发现最新版本改变了样式

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus

到

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus

由于我的列表项不在 a 标签内，因此 active 列表项已失去突出显示。样式本身非常简单，我可以自己复制它，但我更愿意使用官方的 Bootstrap 方式来突出一个 li。这是什么？

Answer 1

您必须创建自己的类(例如 .list-group-hover)并将其应用于 .list-group 元素:

.list-group-hover .list-group-item:hover {
    background-color: #f5f5f5;
}