按下时更改按钮答案

【问题标题】：Change button when push it按下时更改按钮
【发布时间】：2016-09-01 17:22:14
【问题描述】：

我需要在按下按钮时更改按钮的背景和颜色，我已经读到它正在使用 .active .activated 所以...有人可以给我发送一个使用该示例的示例吗？非常感谢。

最好的问候！

【问题讨论】：

请访问帮助中心并拨打tour 了解要询问的内容和方法。
见this。鼠标悬停动作也解决了类似的问题
gvlachakis 感谢您的回复。我已经阅读了这篇文章，我尝试这样：在我的 html: 在我的 scss: button.button-example { .button.button-example.active { 背景颜色：#c0a062; } .button.button-example.activated { 背景颜色：#d2392b; } } 但不起作用。你知道是什么问题吗？

【解决方案1】：

只需添加这样的样式规则：

button.activated {
  background-color: green !important;
}

并且应该可以正常工作。 Working demo.

【讨论】：

完美，非常感谢！你帮助了我:) 但在这种情况下，当你按下按钮时，它会改变颜色并保持固定。我需要它仅在您保留按钮时更改颜色，并在释放时返回初始颜色。我不知道我是否已经解释过......提前谢谢！
是啊啊啊！！哈哈工作正常！ :D 和最后一个问题 :S 如果我只更改了一个按钮（不是所有按钮）的颜色，解决方案如何？再次感谢！！
仅向该按钮添加一个类<button class="custom">...</button>，规则为button.custom.activated{ ... }
完美！谢谢你；）
sebaferreras，你能再举一下你的第一个例子吗？该示例是在您按下按钮时更改颜色并保持固定。提前致谢！