如何设置按钮的格式？

Question

有什么方法可以在CSS中设置按钮的格式，即点击时改变颜色吗？我知道‘：悬停’可以用来改变颜色，但我正在寻找与鼠标左键相关的东西。

我是一个普通按钮的一般效果，但想改变颜色从默认的蓝色。

Answer 1

要做到这一点，请使用:active选择器。HTML：

<button>Click Me!</button>   

CSS

button{
    background:green;
}
button:hover{
    background:lightgreen;
}
button:active{
    background:red;
}

示例

Answer 2

演示

使用:active的

这将应用CSS，直到鼠标按钮被关闭&删除它一旦它上升。

a:active{ //Your css for active state }

使用:focus的

这将应用CSS一旦你按下鼠标按钮，样式将保持在那里，直到用户点击/聚焦其他东西。

a:focus{ //Your css for focus state }

Answer 3

您也可以用Javascript解决这个问题。

<input id="button" type="button" value="Click me" onclick="changeColor();">

Javascript

changeColor = function(){
    document.getElementById("button").style.background='red';
}

小提琴：http://jsfiddle.net/QYYcM/