未识别的 CSS 元素答案

【问题标题】：Unidentified CSS element未识别的 CSS 元素
【发布时间】：2015-01-01 19:48:07
【问题描述】：

我看到元素周围有一个虚线白色边框（仅在 Firefox 中，而不是在 Chrome 或 Safari 中）。

截图 -

知道它是什么吗？元素上没有“-moz*”css 规则，我找不到任何删除它的属性。

【问题讨论】：

任何演示或我们可以看看你的代码。
谢谢，但 Punith 的回答有所帮助。 Bootstrap 正在对焦点上的父元素应用轮廓。

标签： html css firefox

【解决方案1】：

删除你的CSS中所有看起来像这样的轮廓

  outline: 5px auto -webkit-focus-ring-color; 
   outline-offset: -2px;

【讨论】：

【解决方案2】：

/*for FireFox*/
    input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner
    {   
        border : 0px;
    } 
/*for IE8 */
    input[type="submit"]:focus, input[type="button"]:focus
    {     
        outline : none; 
    }

或

 #myElement { outline: 0; }

【讨论】：

【解决方案3】：

-moz-focus-inner {    
outline:0 none !important;
}

【讨论】：