html - 哪种CSS样式处理按钮上的点击事件？除了悬停

Question

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

当我点击按钮时，按钮阴影反转，即对点击事件使用react。

这是什么CSS样式？我知道 :hover 是为了悬停，但是点击呢？

Answer 1

CSS3 现在可以处理激活事件(2013 年)。

:active 伪类适用于任何 css 选择器，如 BUTTON，而不仅仅是 A 标签。

CSS3 样式

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 回答以来内容已更改)