0

我想outlines在 Firefox 中删除，但是它们的指向比我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表达式虽然没问题）

附言。我的开发环境需要这个，因为我在生产环境中将大纲作为默认设置来帮助盲人用户。不过，它们对我来说很烦人。

4

1 回答 1

1

你可以试试

*{
outline: none !important;
}

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

于 2013-09-08T12:20:47.307 回答