单击后的粉底按钮

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

基础似乎有一个CSS类，该类在按钮的Focus状态下处于活动状态。

您可以使用以下CSS类覆盖此内容：

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