css - ：active状態のグラデーションを削除するにはどうすればよいですか？

Question

：active状態でボタンをフラットに見せるために必要です。

たとえば、私が持っているとしましょう：

button {
    background:linear-gradient(#fc9, #ed8) /* some light orange gradient */
}
button:hover {
    background:linear-gradient(#ed8, #da7) /* some darker orange gradient on hover */
}
button:active {
    background:orange; /* And here I need just plane flat orange color */
}

<button>Click Me!</button>

しかし、その代わりに、前の状態からのグラデーションを取得しています。

そのグラデーションをオフにする背景のCSSプロパティはありますか？

例えばblackground:liner-gradient-OFF; or background:no-inherit;

Answer 1

本当に必要なのはこれです：

button:active {
    background-image: none;
    background-color:orange;
}

Answer 2

確かに：activeはあなたが探しているステータスですか？：activeステータスは、ボタンをクリックしている間（マウスボタンが押されている間）にのみ表示されます。ボタンを離すと、ステータスは：activeではなくなります。