如何用CSS禁用网站区域鼠标悬停时的文本变色效果？

问题核心是父元素.list-group-item.list-group-item-action的hover状态触发了子元素.tag-body的文本颜色变化，而非pointer-events的问题。之前修改pointer-events的方法会破坏链接交互，完全没必要。

直接在user.css中添加以下CSS规则，覆盖hover状态下的文本颜色即可：

/* 强制保持tag-body文本在父元素hover时的默认颜色 */
.list-group-item.list-group-item-action:hover .tag-body {
    color: inherit !important;
}

如果知道站点默认文本的具体色值（比如#333或#000），也可以把inherit换成对应色值，这样不需要!important也能生效（视原有CSS优先级而定）。

这个方法不会影响任何链接的点击交互，只是单纯取消hover时文本变灰的效果。

内容的提问来源于stack exchange，提问作者Matt M