哪个css样式处理按钮上的click事件？除了悬停

Question

我看到这个网站有一个按钮，当我将鼠标悬停在它上面时，背景会发生变化。

当我点击按钮时，按钮阴影反转，即对点击事件作出反应。

这是哪种CSS风格？我知道：悬停是悬停，但是点击一下呢？

Answer 1

CSS3现在处理激活事件（2013）。

：active伪类正在处理像BUTTON这样的任何css选择器，而不仅仅是A标签。

CSS3 STYLE

p { margin: 2em; }
button { background-color: White; color: SteelBlue; }
button:hover { background-color: LightSteelBlue; }
button:active { background-color: SteelBlue; color: White; }

HTML5

    <p>
        <button>test button with :active pseudo-class</button>
    </p>

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

请参阅：http://www.w3schools.com/css/css_pseudo_classes.asp（自Diodeus回答后内容已更改）

Answer 2

CSS不处理事件。

您正在寻找:active伪类，它仅用于A标记，而不是按钮。您也可以将A标签设置为看起来像按钮。

请参阅：http://w3schools.com/CSS/css_pseudo_classes.asp

Answer 3

您正在查看的是：active伪类的浏览器默认样式，它也适用于按钮上的键盘输入（尝试选中它并按空格键）。

这些伪类不仅仅适用于锚元素，这是一个常见的错误概念，它是由旧版本的IE不支持除锚元素以外的任何东西引起的。