javascript - 输入类型按钮在按下时会改变颜色？

Question

我希望我的输入 type=button 仅在按下时更改颜色。例如，如果我有一个白色按钮，我希望它仅在按下时变为绿色，当不再按下时，我希望它返回白色。我怎样才能在 HTML 和 Javascript 中做到这一点？

Answer 1

这个状态的 CSS 选择器被称为:active

所以如果你这样做：

input.btn:active { background:green }

那应该工作。

看演示

Answer 2

对我来说，它只适用于：

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

另一种选择是在鼠标悬停时指定，仅用于按钮：

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

Answer 3

普通的 HTML + JavaSctipt：

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

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