3状态图像按钮保持按下，如果我点击它，然后取消点击

Question

当我点击按钮时，:active类变得活跃，它变成第三个图像，"点击状态"，但是当我取消点击时，该状态停留在按钮上，直到我点击身体上的其他地方。我想要按钮返回到第一个状态后取消点击。

.button_friend {
   width: 240px;
   height: 35px;
}
.button_friend a {
   width: 240px;
   height: 35px;
   background-position: left 0px;
   background-image: url("../Images/btn_friend.png");
   display: block; text-indent: -9999px;
   margin: auto auto auto auto;
   cursor: pointer;
   outline: transparent solid 0px;
}
.button_friend a:hover {
   background-position: left -36px;
}
.button_friend a:active { 
   background-position: left -73px;
}

图片:http://screencast.com/t/QaayuIJx

Answer 1

jsFiddle没有代码吗?然而，根据你的照片和问题的标签，看起来你正在使用jquery ui和ui框架与股票主题之一，然后添加你自己的css?如果我错了，请把它记在jsfiddle上缺失的代码上。

,

我看到这是很多jquery ui"按钮"，从一个实际的按钮(输入或提交)不知道为什么，但它我有一些想法，为什么这可能是。看看这个页面。http://taitems.github.com/Aristo-jQuery-UI-Theme/。单击输入和提交类型按钮。保存状态。单击已转换为按钮的div -它不是。你会注意到下面带有图标的按钮也有你想要的功能，但它们也来自div。我认为这是jquery ui的错误还是这是期望的行为?

要解决这个问题，你可以使用另一个元素，或者如果需要一个按钮，在单击时删除ui-state-active类。