点击后按钮保持按下状态

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规则。

单击控件会使焦点成为焦点，直到其他东西将焦点移动到其他位置。