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

Question

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

当我单击按钮时,按钮着色反转即对click事件做出反应.

这是哪种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