Question

是否有某种方法可以格式化CSS中的按钮，以便在单击时更改颜色？我知道＆＃39;：hover＆＃39;可以用来改变颜色，但我正在寻找与鼠标左键相关的类似的东西。

我是常规按钮的一般效果，但想要更改默认蓝色的颜色。

Answer 1

为此，您使用:active选择器。 HTML：

<button>Click Me!</button>

CSS

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

EXAMPLE

Answer 2

的 DEMO

使用:active

这将应用CSS直到鼠标按钮关闭＆amp;一旦它上去就把它移除。

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

使用:focus

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

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

Answer 3

您也可以使用Javascript来解决此问题的 HTML

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

<强>的Javascript

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

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

Answer 4

您可以使用css选择器：active

button:active {
  background: red;
}

查看这个小提琴：

http://jsfiddle.net/gomflo/43BuF/

Answer 5

使用：active CSS selector。

示例（使按钮具有“单击”效果）：

.myButtonClass:active {
   position:relative;
   top:1px;
}

Answer 6

按钮状态一旦点击就会变为激活。所以你可以像

一样使用它

.button1:active {
    color:#a2a2a2;
}

如何在单击按钮时格式化按钮？

6 个答案:

的 DEMO