我看到这个网站有一个按钮,当我将鼠标悬停在它上面时,背景会发生变化。
当我单击按钮时,按钮底纹反转,即对单击事件做出反应。
这是哪种CSS样式?我知道:hover是用来悬停的,但是点击一下呢?
发布于 2010-10-16 03:05:42
CSS不处理事件。
您正在寻找:active伪类,它只用于A标记,而不是按钮。你也可以设置A标签的样式,让它看起来像按钮。
请参阅:http://w3schools.com/CSS/css_pseudo_classes.asp
发布于 2013-02-19 18:01:51
CSS3现在可以处理激活事件(2013)。
:active伪类适用于任何css选择器,如按钮,而不仅仅是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 answer以来更改)
发布于 2010-10-16 03:39:08
您看到的是浏览器的默认样式:active伪类,它也适用于按钮上的键盘输入(尝试切换到它并按空格键)。
这些伪类不仅仅适用于锚元素,这是一个常见的误解,因为旧版本的IE除了锚元素之外不支持它们。
https://stackoverflow.com/questions/3945267
复制相似问题