Jquery滚动css不工作

Jquery滚动css不工作,jquery,html,css,selected,Jquery,Html,Css,Selected,好的,在修复了dissapear问题()之后,我有了一个新的问题,我认为它与这个问题有关 当我点击标题链接时,页面会用Jquery向下滚动到右边的文章。这个功能非常有效。但另一个函数会更改页面上相应位置上按钮的css(scrolltop())。此功能也可以使用。但是当我点击按钮时,我的css没有改变。它使我的按钮成为一个白色链接,周围有一个灰色的“点击”边框(由浏览器完成)。只有当我单击屏幕上的任何其他位置(以删除“活动”按钮状态)时,按钮才会改变颜色 我无法复制JSFiddle()的问题,因此

好的,在修复了dissapear问题()之后,我有了一个新的问题,我认为它与这个问题有关

当我点击标题链接时,页面会用Jquery向下滚动到右边的文章。这个功能非常有效。但另一个函数会更改页面上相应位置上按钮的css(
scrolltop()
)。此功能也可以使用。但是当我点击按钮时,我的css没有改变。它使我的按钮成为一个白色链接,周围有一个灰色的“点击”边框(由浏览器完成)。只有当我单击屏幕上的任何其他位置(以删除“活动”按钮状态)时,按钮才会改变颜色

我无法复制JSFiddle()的问题,因此下面是一些描述上述问题的图片:

这是我的菜单:

当我将菜单悬停时:

这是我选择“超过ons”的时候:

此时我取消选择按钮:

现在的问题是,我如何给我选择的按钮(图3)和我未选择的按钮(图4)提供相同的css

此样式
文本装饰:无
不起作用。 另外,使用
:active
css属性也不起作用

我似乎在互联网上找不到解决办法。我错过什么了吗

解决方案

谢谢你的回答!
:focus
成功了。以前从未听说过,但它起了作用。谢谢

创建一个类
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 
} 

css元素
:focus
是单击元素的答案。通过使用
.menuButton:focus
我成功地设置了单击按钮的样式

由于滚动和动态更改按钮样式(我的按钮根据页面位置处于活动状态),我还需要它在启动后立即移除焦点

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


积分转到
:focus
元素的drop。

您应该看看CSS伪类
:focus
,下面是

将详细介绍
:focus
:active
伪类之间的区别


干杯。

foo:selected{text decoration:none}
?看看css伪类
:focus
outline
属性。在css outline中编写:none@你能把你的答案放在答案里而不是评论里吗?然后我可以将其标记为最佳答案:)@Mr.wiseguy给你,我还添加了优秀答案的链接,关于
:focus
:active
之间的区别。将此类分配给按钮(即标记)不起作用。解决方案是:focus Outline:node没有为我做这些把戏。哦,很好的一个!你应该发布你的问题的答案,然后让其他人看到