单击按钮禁用蓝色笔划效果

Question

我有一个定义如下的按钮：

<button style={{backgroundColor: 'transparent', border: 0}} onClick={() => back()}>
   <i style={{color: '#3a6464'}} className='fa fa-arrow-circle-left fa-fw fa-3x'/>
</button>

当我单击图标按钮时，会得到蓝色的斯托克效果：

如何禁用此效果或至少更改蓝色？

Answer 1

删除焦点CSS：

button:focus {outline:0;}

对于触摸屏：

@media (hover: hover) {
    button:hover {
        outline:0;
    }
}