禁用点击按钮上的蓝色笔画效果[重复]

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;
    }
}