如何让单击功能不只在按住鼠标的情况下持续？

Question

我试图让我的搜索框在点击时改变颜色，但目前它只在我按住鼠标的时间内改变颜色。我一松开按下光标，它就会变回来。我如何让它改变颜色，但一旦我点击页面上的其他东西(甚至空白)，它就会变回原来的颜色？

看看这个：

http://jsfiddle.net/LPVfn/

干杯!

詹姆斯

Answer 1

使用

.search:focus

而不是

.search:active

Answer 2

有一个名为HoverIntent的js库。也许你可以使用它来获得想要的效果。

http://cherne.net/brian/resources/jquery.hoverIntent.html

我目前正在使用它来延迟显示div工具提示，直到用户将鼠标悬停在搜索框上几毫秒。