当聚焦于jsx元素时如何摆脱按钮周围的轮廓

Question

想要消除聚焦时按钮周围出现的蓝色轮廓。

这被渲染为 jsx 元素。我尝试过以下方法

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

还尝试过内联样式

style={{ outline: 'none'}}

Answer 1

使用内联样式，设置

bowShadow: 'none'

解决了这个问题。

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