反应防止焦点点击[重复]

【问题标题】：React prevent focus on click [duplicate]反应防止焦点点击[重复]
【发布时间】：2016-07-11 08:47:39
【问题描述】：

我的页面上有一组选项卡，当单击它们时，将活动选项卡切换为单击选项卡的值。这很有效，但是当我看到新的活动选项卡周围有一个大的蓝色焦点框时，我的嘴里有一股酸味。有没有一种 React-y 方法来防止这种情况？

带有 preventDefault() 的 onMouseDown={this.someMethod} 会卡在方法中吗？

【问题讨论】：

【解决方案1】：

逻辑是对的，但设计给你带来了麻烦？在这种情况下，一些 CSS 应该可以做到这一点。

如果你有一个导航栏，那么 CSS 应该是这样的：

 .navbar-inverse .navbar-brand:focus {
  background-color : red; //Just add the properties you want here
}

如果您只是右键单击并检查元素，浏览器应该会准确告诉您 CSS 处理选项卡上的焦点的确切信息。

【讨论】：