在onclick上更改背景颜色

Question

我有这两个按钮。我希望在选中时将背景颜色从#3A1D13更改为#4C291A，然后在未选中后再更改为#3A1D13。

非常感谢帮助。

<input type='button' id='hideshow' class='background' value='About'>
<input type='button' id='hideshowcontact' class='background' value='Contact'>

Answer 1

您的问题标记为Jquery，但您根本不需要JavaScript。您可以使用CSS active psuedo-class：

来实现结果

如果您的CSS定义如下：

.background {
    background-color: #3A1D13;
}

然后，你所要做的就是：

.background:active {
    background-color: #4C291A;
}

但是，这会将活动状态的颜色更改应用于具有background类的所有元素的全局颜色。或者，您可以通过在特定元素上应用active伪类来完成此操作：

例如，关于按钮：

#hideshow:active {
    background-color: #4C291A;
}

注意，由于您的颜色在视觉上相似，因此有点难以注意到。请参阅此内容以获取有效版本：

http://jsfiddle.net/eWNLq/1/

Answer 2

你的意思是在悬停？

.div button:hover {
background-color: your color here
}