删除引导选择上的焦点边框轮廓

Question

我在我的项目中使用了这个插件，并试图删除选择上 focuse 的蓝色边框。我尝试将大纲设置为无，如下所示：

*:focus {
  outline: 0!important;
}

我也尝试过outline:none，但它不起作用，如何从中删除轮廓？

我使用的 html 与插件文档中建议的相同：

<select name="position" value="{{ $player->position or  old('position') }}" class="selectpicker show-menu-arrow form-control" multiple data-max-options="3" data-icon-base="ion" data-tick-icon="ion-checkmark-round" title="Choose positions (max 3)" required>
     @foreach($positions as $key => $value)
        <option data-subtext="{{ $key }}">{{ $value }}</option>
     @endforeach
</select>

Answer 1

我用这个修复了它：

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

您应该在bootstrap-select.css之后的 css 代码末尾添加它