重写Bootstrap 3的焦点

Question

我正在尝试覆盖Bootstrap 3的焦点属性：焦点类。这是我正在尝试编辑的几个类中的一个，所以我对重建整个项目并不感兴趣。话虽如此，压倒这种特殊风格一直存在问题。

我已将两个样式表加载为：

<link rel="stylesheet" href="css/bootstrap.css"/>
<link rel="stylesheet" href="css/app.css"/>

并用以下内容重载了Boostrap的类（在app.css中）

a:focus {
  outine: 0 !important;
  outline-offset: 0;
}

奇怪的是，无论我为什么尝试，大纲对象都不会被加载到我的网络浏览器中。从我的firebug屏幕截图中可以看出，它完全忽略了这一行。最奇怪的部分是，如果我直接在firebug中键入上述覆盖，它就可以工作。所以我不知道该怎么做。

firebug的app.css视图的截图：

我已尝试将0 !important替换为none，none none和none !important，但似乎没有任何解决方案。

Answer 1

只是一个简单的错字：您使用outine代替outline。

a:focus {
  outine: 0 !important;