按钮被点击后保持按下状态

Question

我正在开发可重复使用的按钮。我面临的问题是按钮在被点击后没有得到它的原始样式。这是 LESS 文件的快照：

.some-company-primary-button {
  .material;

  color: @some-company-primary-button-text-color;
  background: @some-company-primary-button-color;

  &:hover,
  &:focus,
  &:active,
  &.focus,
  &.active {
    color: @some-company-primary-button-text-color;
    background: @some-company-primary-button-hover-color;
  }
}

感谢您的任何想法！

编辑我在 Bootstrap btn 类中使用它

Answer 1

假设您的意思是“在单击其他内容之前不会获得其原始样式”：

更改:focus 规则。

单击一个控件将使其获得焦点，直到其他东西将焦点移到其他地方。