Question

我希望在Firefox中摆脱outlines，但是它们比style.css中的bootstrap3.css指向的更深，所以我需要更新它们。

我尝试了以下内容：

<link href="{{ URL::to('home_assets/css/bootstrap.min.css') }}" rel="stylesheet" media="screen">
<link href="{{ URL::to('home_assets/css/style.css') }}" rel="stylesheet" media="screen">

下面的示例不起作用，因为Bootstrap 3更深入。

//bootstrap
a.carousel-control 
{
    outline: thin dotted;
}

//my css
body {
    outline: none !important;
}

Result: a.carousel-control has thin dotted outline.

我需要做类似远程轮廓的事情。（并且有效）

a.carousel-control 
{
    outline: none;
}

问题是，然后我需要深入标记标记中的所有内容，以便覆盖引导程序。我需要封装Bootstrap的大部分CSS。

CSS中是否有这样的功能，所以我可以在一个地方管理它们？

body {
    outline: none !override-previous; //pseudo
}

在一个地方管理它们的任何黑客或技巧？（没有javascript，但css表达式还可以）

聚苯乙烯。我需要这个用于我的开发环境，因为我将生产中的默认大纲保留为帮助盲人用户。不过，他们对我很讨厌。

Answer 1

你可以尝试

*{
outline: none !important;
}

请在你的bootstrap.css文件之后添加它，以便它覆盖。

我可以在单个css选择器中覆盖bootstrap的默认值吗？

1 个答案: