Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 隐藏模式弹出窗口后显示边框的引导导航栏_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 隐藏模式弹出窗口后显示边框的引导导航栏

Javascript 隐藏模式弹出窗口后显示边框的引导导航栏,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我在Rails应用程序中使用Bootstrap,其中有一个包含一些元素的导航栏。当我按下其中一个元素时,我会显示一个模式弹出窗口。当我关闭此弹出窗口时,出于某种原因单击的元素会突出显示。这不是我想要的经验 见下图: 我想知道怎样才能消除这种不必要的影响 如果你不给我们提供一份报告,我们很难确定到底发生了什么 虽然,从你的形象来看,这似乎只是“焦点”。下面是Bootstrap网站上的图片,其中有一个“默认”按钮。左边是按钮的原始状态,右边是我点击后的按钮,它处于“焦点”。默认情况下,Chrome

我在Rails应用程序中使用Bootstrap,其中有一个包含一些元素的导航栏。当我按下其中一个元素时,我会显示一个模式弹出窗口。当我关闭此弹出窗口时,出于某种原因单击的元素会突出显示。这不是我想要的经验

见下图:


我想知道怎样才能消除这种不必要的影响

如果你不给我们提供一份报告,我们很难确定到底发生了什么

虽然,从你的形象来看,这似乎只是“焦点”。下面是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,而这对我来说并不重要,即使使用了!重要的