css - :hover とは異なる :active 時のスタイル ボタン

Question

ホバリング時に背景色を表示し、ボタンを押しているときに背景色なしのボタン色を表示するボタンを作りたいです。これが私の現在のコードです：

.windowButton:hover {
    background-color:#1a82b8;
}
.windowButton:active #windowClose polygon {
    fill:#1a82b8;
}

上記のコードの問題は、 で:active設定された背景色を削除しない場合にアイコンを色に変えること:hoverです。背景色を削除するにはどうすればよいですか?

Answer 1

これはどう？

background-colorと 2 番目のfillを使用している最初のプロパティの原因だと思います。

button:hover {
    background-color: red;
}
button:active {
    background-color: blue;
}

jsFiddle の動作例(1)