不悬停时禁用焦点效果

Question

我必须使用Bootstrap的btn类创建自己的按钮。我需要覆盖按钮文本的默认颜色。我知道.button-variant但我不能使用它（相应的LESS文件不包含在项目构建中，我无法进行此类更改）。这是我的LESS：

.some-company-control(@text-color, @hover-text-color) {
  color: @text-color;

  &:hover,
  &:active {
    color: @hover-text-color;
  }
}

问题是在单击按钮后，它会获得默认的Bootstrap按钮文本颜色。当我添加&:focus时，它会覆盖Bootstrap的默认值，但在点击它并且没有悬停之后，它仍然像是被点击一样。我想在按钮仍然聚焦但不再徘徊时禁用样式。

感谢大家的任何建议！

Answer 1

尝试添加此规则：

    &:focus:not(:hover) {
      color: @text-color;
    }