I have integrated this plugin into my project and I am attempting to eliminate the blue border when the select box is focused. I attempted to achieve this by setting the outline to none using the following code:
*:focus {
outline: 0!important;
}
Additionally, I tried using outline:none, but unfortunately, it did not work. How can I successfully remove the outline from the select box?
I am utilizing the same HTML structure as recommended in the plugin documentation:
<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>