按下时输入类型按钮会改变颜色吗？

Question

我希望我的输入类型=按钮仅在按下时更改颜色。例如，如果我有一个白色按钮，我希望它只在按下时变为绿色，当它不再按下时我希望它返回白色。我怎么能用HTML和Javascript做到这一点？ （抱歉我的英文不好，谢谢你）

Answer 1

此状态的CSS选择器称为:active

所以，如果你这样做：

input.btn:active { background:green }

应该有用。

参见 demo

Answer 2

普通的香草HTML + JavaScript：

<input type="button" style="background-color:white" value="Click Me" onmousedown="this.style.background='green'" onmouseup="this.style.background='white'" />

演示：http://jsfiddle.net/bqjzq/

Answer 3

对我而言，它只适用于：

<style>
input:active{  background-color:green}
</style>

另一个选项是鼠标悬停时指定仅限按钮：

<style>
input[type=button]:hover{  background-color: #46000D}
<style>