css - 如何删除：活动状态的渐变？

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。