在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 
}