引导选择上的蓝色轮廓

Question

我已经安装了bootstrap-select并且一切正常，但蓝色边框出现在2个实例中：

1）在下拉菜单中

2）选择新值时

有人可以帮忙解决一下吗？我已经调整了一些东西。

.bootstrap-select .btn {
  height: 43px;
  color: rgba(0, 0, 0, 0.5);
  background-color: white;
  border-radius: 3px;
}
.bootstrap-select .btn:focus {
  outline: none !important;
  outline: 5px auto -webkit-focus-ring-color !important;
}

Answer 1

在所有其他css样式之后应用这两个css规则

.bootstrap-select .dropdown-toggle:focus {
    outline: none!important;
}
:focus {
  outline: none!important;
}

Answer 2

outline: 0;

如果您定位正确的项目，应该修复它。

Answer 3

添加css

mywebsite.ru/en/

Answer 4

尝试将此添加到您的css：

:focus {
  outline: none;
}

Answer 5

删除元素周围的蓝色轮廓及其内部的项目：

<style>
    .bootstrap-select .btn:focus {
        outline: none !important;
    }

    .selectpicker a {
        outline: 0;
    }
</style>

在Chrome，Firefox和Opera上测试过。

Answer 6

将其添加到HTML的最底部是最终在Chrome上对我有效的方法：

rand()

我认为关键是设置CSS之后我正在加载Bootstrap和其他库。