html - 作る:active に応答します。それは可能ですか?

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

タブで使用できる:focusを追加することもできます。

Jsフィドル