How to remove focus action from buttons

Rajashri Bhadule

Question

Application Type

Reactive

Hi Team,

I am overriding button CSS. There are some default actions applying for button like focus, hover.

In some case I need that and in some I don't want that.

I don't want focus action on button how I can disable that by using any css property.

let me know for any solutions..

Thanks

19 Apr 2023

Tousif Khan

Champion

Hello

You need to define a css Example take the button in a container and give some class name to it

Now you can target the button from its container For Example

.btn-Wrapper .btn:focus{

outline:none;
border:none;
}

same you can do with hover.

I hope this will help

Thanks

19 Apr 2023

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.