单击按钮时更改按钮颜色

Question

我有一个带有css背景线性渐变的按钮，但是当单击该按钮时，我想要反向渐变。事情是这样的，我的意思是点击，就像鼠标在按钮上按下鼠标，然后按下鼠标按钮，但当你放开鼠标按钮时，我想让它恢复正常。当我试图搜索这个时，我得到了一堆关于点击按钮后永久更改按钮的答案，但是我只想在点击按钮时更改按钮的背景色。我该怎么做？

Answer 1

您可能希望使用:active伪类。

button:active {
    background: red;
}

参见本例：http://jsfiddle.net/1jnb8yd6/

Answer 2

button:active {
    // Background color code for inverse gradient
}

Answer 3

嗨，这里是您如何在CSS中这样做的：

button:active{
    background-color:red;
}

在JS：

<button type="button"
    onmousedown="this.style.backgroundColor='red'"
    onmouseup="this.style.backgroundColor=''"
>CLICK ME</button>