Javascript 隐藏模式弹出窗口后显示边框的引导导航栏
我在Rails应用程序中使用Bootstrap,其中有一个包含一些元素的导航栏。当我按下其中一个元素时,我会显示一个模式弹出窗口。当我关闭此弹出窗口时,出于某种原因单击的元素会突出显示。这不是我想要的经验 见下图:Javascript 隐藏模式弹出窗口后显示边框的引导导航栏,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我在Rails应用程序中使用Bootstrap,其中有一个包含一些元素的导航栏。当我按下其中一个元素时,我会显示一个模式弹出窗口。当我关闭此弹出窗口时,出于某种原因单击的元素会突出显示。这不是我想要的经验 见下图: 我想知道怎样才能消除这种不必要的影响 如果你不给我们提供一份报告,我们很难确定到底发生了什么 虽然,从你的形象来看,这似乎只是“焦点”。下面是Bootstrap网站上的图片,其中有一个“默认”按钮。左边是按钮的原始状态,右边是我点击后的按钮,它处于“焦点”。默认情况下,Chrome
我想知道怎样才能消除这种不必要的影响 如果你不给我们提供一份报告,我们很难确定到底发生了什么 虽然,从你的形象来看,这似乎只是“焦点”。下面是Bootstrap网站上的图片,其中有一个“默认”按钮。左边是按钮的原始状态,右边是我点击后的按钮,它处于“焦点”。默认情况下,Chrome(由其“用户代理样式表”创建)会在元素聚焦后在元素周围放置浅蓝色边框 要删除所有字段的边框,可以使用以下命令:
*:focus {
outline: none;
}
要删除选定字段的边框,只需将此类应用于所需的输入字段:
.nohighlight:focus {
outline:none;
}
如果你不给我们提供一份报告,我们很难确定到底发生了什么 虽然,从你的形象来看,这似乎只是“焦点”。下面是Bootstrap网站上的图片,其中有一个“默认”按钮。左边是按钮的原始状态,右边是我点击后的按钮,它处于“焦点”。默认情况下,Chrome(由其“用户代理样式表”创建)会在元素聚焦后在元素周围放置浅蓝色边框 要删除所有字段的边框,可以使用以下命令:
*:focus {
outline: none;
}
要删除选定字段的边框,只需将此类应用于所需的输入字段:
.nohighlight:focus {
outline:none;
}
这是一件很有魅力的工作
这是一项魅力十足的工作你的照片并不能说明你的问题。您能在JSFIDLE/bootply中重现这个问题吗?这仅仅是一个“焦点”问题吗?你的照片并不能说明你的问题。您能在JSFIDLE/bootply中重现这个问题吗?这只是一个“聚焦”的问题吗?嗨,我也有同样的问题,我能知道你是怎么解决的吗?上述解决方案似乎对我不起作用。@fyr0049,试试大纲:无!重要的是Tim使用了tag,而这对我来说并不重要,即使使用了!重要的是,我也有同样的问题,我能知道你是怎么解决的吗?上述解决方案似乎对我不起作用。@fyr0049,试试大纲:无!重要的是Tim使用了tag,而这对我来说并不重要,即使使用了!重要的