Question

这只是一个简单的问题。我使用<a>和背景图片制作了一个按钮。单击时应使用不同的图像。我在其css中使用:active属性。但即使没有按下按钮（发布），事情仍然存在，:active类仍然存在。所以它仍然使用图像作为状态。怎么会？我应该怎么做，当我只想在按下按钮时应用课程？谢谢。我希望我已经解释得很好。

Answer 1

猫女，如果你只是想要它，而按下活动应该工作。如果您正在寻找切换，那么您需要以下内容。

CSS没有切换选择器，但检查输入上的:checked除外。

你需要Javascript：

<a href="#" onclick="toggle_class('foo');"

或使用jQuery Toggle：http://api.jquery.com/toggle/

-

然后再次，如果您实际上正在寻找按下按钮，活动应该工作。将代码粘贴到此处，我们可以查看它。如果您正在做一些无法单独使用css：active pseudoclass执行的操作，请查看mousedown事件：http://api.jquery.com/mousedown/

Answer 2

对我来说很好：Demo

button {
    background-color: blue;
    border: none;
    color: #FFF;
}

button:hover {
    background-color: green
}

button:active {
    background-color: red
}

你能提供一个演示来查看吗？

CSS：活跃状态

2 个答案: