Remove focus from clicked button

My client has bootstrap 4 css that has been butchered quite a bit.

When a button in my component is clicked (with wire:click) it stays focused which means it retains a bright blue background instead of showing the set or unset background colour that I want on the button.

Is there anyway that rendering the view can remove the browser focus on this element?

Hey, @Snapey

What about this!

what about it? can’t see how it can remove the focus state since ‘blur’ is not a class ?

.unfocus:focus, .unfocus:active {
  outline: none;
  box-shadow: none;
    <button wire:click="checkout" wire:loading.class="unfocus">

Second Method:

<button class="btn btn-primary btn-block" onclick="this.blur();">...</button>

Maybe this link help you out:


Thanks a lot. The blur on click worked out great.

1 Like

I’m Glade that I heard it from you!

Happy to help mate