在onlclick上更改背景颜色

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伪类实现你的结果：

如果你的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 
}