css - 单击后的基础按钮

Question

我在我的 React 应用程序中使用 Foundation Framework。我有几个按钮，单击后按钮会留下蓝色背景。

我该如何更改？

JSFiddle -> http://jsfiddle.net/pb4759jh68/a4kowth5/5/

HTML

<button class="button">
Click Me
</button>

CSS

.button {
  background-color:red;
}

.button:hover {
  background-color:green;
}

Answer 1

看起来 foundation 有一个 CSS 类，它在按钮的 Focus 状态期间处于事件状态。

您可以使用以下 CSS 类覆盖它:

.button:focus {
     background-color: green;
}