Jquery scrollldown css无法正常工作

Question

好的，所以在解决了消息问题（Element disappearing on click）后，我发现了一个新问题，我认为这个问题与此问题有关。

当我点击标题链接时，页面向下滚动，使用Jquery，向右滚动。这个功能很棒。但是另一个函数会改变页面上位置上相应按钮的css（scrolltop()）。这个功能也有效。但是当我点击按钮时，我的css不会改变。它使我的按钮成为带有灰色＆＃34;点击的白色链接＆＃34;边界围绕它（由浏览器完成）。只有当我点击屏幕上的任何其他位置时（要删除＆＃34;活动＆＃34;按钮状态），按钮才会改变颜色。

我无法用JSFiddle（Fiddle）复制问题，所以这里有一些描述上述问题的图片：

这是我的菜单：

这是我将菜单悬停的时候：

这是我选择＆＃34; overs＆＃34;：

这是我取消选择按钮的时候：

现在的问题是，如何将我选择的按钮（图像3）与未选择的按钮（图像4）相同的css？

此样式text-decoration:none不起作用。 同样使用:active css属性也不起作用。

我似乎无法在互联网上找到解决方案。我错过了什么吗？

解决方案

感谢Drops这个答案！ :focus成功了。从来没有听说过，但它奏效了。谢谢！

Answer 1

你应该看看CSS伪类:focus，这里是docs。

This answer会告诉您有关:focus和:active伪类之间差异的更多信息。

干杯。

Answer 2

创建一个类noSelect并将其分配给所有这些按钮。这样可以防止它被突出显示

.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

修改 如果是这种情况，请尝试设置

a:active {
    outline:none 
} 

Answer 3

css元素:focus是点击元素的答案。通过使用.menuButton:focus我设法为点击的按钮设置样式。

由于滚动和动态更改按钮样式（我的按钮根据页面位置变为活动状态）我还需要在启动后立即删除焦点。

这可以通过以下方式完成：$(':focus').blur()（Jquery）。

积分转到:focus元素的Drops。