How to get rid of outline around button when focused in jsx element

Question

Would like to get rid of the blue outline that appears around button when focused.

this is being rendered as jsx element. I've tried the following

<Button      
outline= 'none'>
{content}
</Button

also tried inline styling

style={{ outline: 'none'}}

outline none should be working, is `Button` your component or comes from a library ? — Vincent Rouilhac, Sep 14 '22 at 00:18

score 0 · Answer 1 · answered Sep 14 '22 at 11:22

0

With inline style it was setting bowShadow = 'none' that resolved this.

<Button style= {{boxShadow='none'}}>

answered Sep 14 '22 at 11:22

fluffhead8064

There is an error in your code, try this ` – Vincent Rouilhac Sep 15 '22 at 11:28

1 Answers1