Question

我正在我的项目中使用this插件，并尝试在select上删除焦点上的蓝色边框。我试过将大纲设置为无，如下所示：

*: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代码末尾添加它

在bootstrap选择中删除焦点边框轮廓

1 个答案: