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