使<button>响应：active，是否可能</button>

Question

到目前为止它只响应悬停，不知道为什么它不响应活动

以下是小费http://jsfiddle.net/tP9E9/1/。

CSS：

.menu ul li button:hover {
    background-color: rgba(206,0,0,1);
}

.menu ul li button:active {
    background-color: rgba(206,0,0,1);
}

正如您可能猜到的，我有几个div，其中包含各种内容，以响应按钮点击。悬停工作正常，但当打开（激活）与按钮对应的div时，按钮不会变为红色。那是为什么？

由于

Answer 1

使用

<input type="button" value="news">

和css

input:hover {
    background-color: green;
}
input:active {
    background-color: yellow;
}

您还可以添加：焦点，这将在标签上提供。

JsFiddle